【问题标题】:Preview of (Desktop Site) on Mobile browser is not responsive as compared to computer browser与计算机浏览器相比,移动浏览器上的(桌面站点)预览没有响应
【发布时间】:2021-09-30 20:17:25
【问题描述】:

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

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

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

这是电脑浏览器上的最后一张图片 [image 3]

这里是hosted check it - click here

【问题讨论】:

    标签: html css responsive-design responsive mobile-browser


    【解决方案1】:

    您可以在 % 中设置宽度或高度,而不是按 px,另一种使用 css 的方法在这里文档:[@media method] [1]:https://developer.mozilla.org/es/docs/Web/CSS/Media_Queries/Using_media_queries

    【讨论】:

      【解决方案2】:

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

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

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

      【讨论】:

        猜你喜欢
        • 2011-12-28
        • 1970-01-01
        • 2023-03-12
        • 2015-04-22
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多