我分享了这个屏幕截图,向您展示它在所有 Android 浏览器上的显示方式:
我用过<meta name="viewport" content="width=device-width, initial-scale=0.3">
但它似乎只适用于 android 默认浏览器。
我整理了一个link for testing
正确的 View 应该像 Android 默认浏览器一样,在垂直或水平模式下调整 100% 宽度。
最佳答案
解决此问题的一种方法是将视口(viewport)设置为文档的宽度。每个浏览器和设备的可显示区域或默认像素宽度都不同。将视口(viewport)更改为以下内容:
<!-- 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">
关于android - 如何在所有移动浏览器上正确显示网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11708257/