Question

我已经分享了这个截图，向您展示它是如何在所有Android浏览器上显示的：

Browser Comparison

我使用<meta name="viewport" content="width=device-width, initial-scale=0.3">，但它似乎仅适用于Android默认浏览器。

正确的视图应该像Android默认浏览器一样，在垂直或水平模式下调整宽度的100％。

Answer 1

解决此问题的一种方法是将视口设置为文档的宽度。每个浏览器和设备具有可显示区域或默认的不同像素宽度。将视口更改为以下内容：

<!-- When viewing your css and live widths I got 944 wrapper width,
update if incorrect -->
<meta name="viewport" content="width=944" />

让它显示相同的唯一方法是使用移动doctype而不是html5。但这可能会破坏一些功能。

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">