gpt4 book ai didi

javascript - 移动设备上的视口(viewport)问题

转载 作者:行者123 更新时间:2023-11-28 08:13:00 25 4
gpt4 key购买 nike

我有一个问题正在努力克服。我部署了我的站点,并注意到 Android 设备上的 STOCK 浏览器的视口(viewport)逻辑已损坏。同一台 Android 设备上的 Chrome 浏览器可以正常工作。此外,iphone6 工作,但 iphone5 不。我根据屏幕宽度动态确定视口(viewport)值。

这是该站点的测试版本: http://spaniard.ca/workVersions/beta/index.html

我无法更改设计和布局,网站需要像现在一样居中。

有谁知道为什么在 android stock 浏览器上它不起作用,但在同一设备上的 chrome 上却可以?

任何东西都会有帮助,谢谢!

最佳答案

如果主图是一个实际的 img 标签而不是背景图,那么您可以更轻松地进行响应式布局。您可以通过添加 CSS 使背景图像不被裁剪:

background-size:contain;

附带说明一下,您需要确保 article#what-is-spaniard 中包含的元素具有百分比宽度。

编辑:据我所知,这不是浏览器的问题,只是缺少正确的代码

关于javascript - 移动设备上的视口(viewport)问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29149705/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com