首页 > 解决方案 > 与计算机浏览器相比,移动浏览器上的(桌面站点)预览没有响应

问题描述

这里移动浏览器(桌面站点)和计算机浏览器的图片宽度相同。它没有给我同样的结果。

这是在移动浏览器桌面网站上设置为 980px 的图片: [图 1]

这里是移动页面的整个图片 [图 2]

这是计算机浏览器上的最后一张图片 [图 3]

在这里托管检查它 - 点击这里

标签: htmlcssresponsive-designresponsivemobile-browser

解决方案


我取决于你想要完成什么。响应式意味着它在所有设备上看起来都不错,不必相同。即使分辨率相同,手机屏幕也更小。

我在那个链接上看不到你的网站,也许你已经登录了。但这与元素background-size的处理方式有关<body>,我认为它设置为cover.

你可以看看这里玩一下: https ://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover


推荐阅读