在Android浏览器中查看时，网站内容会被向左推

Question

在Android浏览器上查看时，此网站的内容紧凑在左侧，如下面的两个屏幕截图所示。在使用我的移动浏览器时，我觉得我遇到过这个问题，因此我认为这不是一个不常见的问题。

该网站尚未响应（尚未）且没有媒体查询。我没有使用视口元标记，以防止在非响应式网站上进行初始放大（详见here）。

问题没有发生在：

• iOS模拟器，Safari浏览器
• Opera Mobile Emulator（模拟歌剧运行Android设备，如Kindle Fire和HTC手机）
• Android三星智能手机，Firefox和Opera浏览器

问题正在发生：

• Android SDK，（在Nexus S上模拟Android浏览器）
• 三星Galaxy S2（如下图所示），Chrome，Dolphin，＆amp;默认浏览器

以下是屏幕截图中设备的详细信息：

device_model = samsung SGH-T989
device_res = 480x800
orientation = portrait
os_name = Android
os_version = 4.0.4
pixel_density = 240 dpi
url = http://bryanbraun.com/

移动版

桌面版

Answer 1

尝试在包含文本的标记上添加背景颜色。这样，android（希望）会考虑这些块，并且（可能）会将它们渲染得很好。