html - 与计算机浏览器相比,移动浏览器上的(桌面站点)预览没有响应
问题描述
这里移动浏览器(桌面站点)和计算机浏览器的图片宽度相同。它没有给我同样的结果。
这是在移动浏览器桌面网站上设置为 980px 的图片: [图 1]
这里是移动页面的整个图片 [图 2]
这是计算机浏览器上的最后一张图片 [图 3]
在这里托管检查它 - 点击这里
解决方案
我取决于你想要完成什么。响应式意味着它在所有设备上看起来都不错,不必相同。即使分辨率相同,手机屏幕也更小。
我在那个链接上看不到你的网站,也许你已经登录了。但这与元素background-size
的处理方式有关<body>
,我认为它设置为cover
.
你可以看看这里玩一下: https ://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover
推荐阅读
- python - 非win32com python方式将xlsx转换为pdf(包括图像)?
- machine-learning - TypeError:fit_generator() 为参数“steps_per_epoch”获得了多个值
- r - 如何自动查找列表的值是否存在于 R 的另一列数据框中
- html - 无法水平居中元素(图像和文本)
- performance - 是否应该尽可能在顶点着色器中硬编码纹理坐标数组?
- html - 如何在侧面添加指向显示当前部分的 WordPress 网站的链接?
- ios - systemLayoutSizeFittingSize 与 sizeThatFits
- r - 数字(nrowz)错误:map()r中的“长度”参数无效
- ios - iOS - 如果分辨率超过 1080p,则无法解码 HEVC (H.265) 流
- r - 在 R 中,使用“httr”包,我在哪里使用“提供者 ID”连接到带有 Oauth2.0 的 API?