我分享了这个截图,向你展示它是如何在所有安卓浏览器上显示的:
我用过<meta name="viewport" content="width=device-width, initial-scale=0.3">
,但它似乎只适用于安卓默认浏览器。
我整理了一个测试链接
正确的视图应该像 Android 默认浏览器一样,在垂直或水平模式下调整 100% 的宽度。
解决此问题的一种方法是将视口设置为文档的宽度。每个浏览器和设备都有不同的可显示区域或默认像素宽度。将视口更改为以下内容:
<!-- When viewing your css and live widths I got 944 wrapper width,
update if incorrect -->
<meta name="viewport" content="width=944" />
让它显示相同的唯一其他方法是使用移动文档类型而不是 html5。但这可能会破坏某些功能。
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">