【发布时间】:2021-09-30 20:17:25
【问题描述】:
这里是移动浏览器(桌面站点)和计算机浏览器的相同宽度的图片。它没有给我同样的结果。
这是在移动浏览器桌面网站上设置为 980 像素的图片: [image 1]
这里是移动页面的整个图片 [image 2]
这是电脑浏览器上的最后一张图片 [image 3]
【问题讨论】:
标签: html css responsive-design responsive mobile-browser
这里是移动浏览器(桌面站点)和计算机浏览器的相同宽度的图片。它没有给我同样的结果。
这是在移动浏览器桌面网站上设置为 980 像素的图片: [image 1]
这里是移动页面的整个图片 [image 2]
这是电脑浏览器上的最后一张图片 [image 3]
【问题讨论】:
标签: html css responsive-design responsive mobile-browser
您可以在 % 中设置宽度或高度,而不是按 px,另一种使用 css 的方法在这里文档:[@media method] [1]:https://developer.mozilla.org/es/docs/Web/CSS/Media_Queries/Using_media_queries
【讨论】:
我取决于你想要完成什么。响应式意味着它在所有设备上看起来都不错,不必相同。即使分辨率相同,手机屏幕也更小。
我在那个链接上看不到你的网站,也许你已经登录了。但它与background-size 对<body> 元素的处理方式有关,我假设它设置为cover。
你可以看看这里玩一下: https://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover
【讨论】: