从手机浏览网站时出现的文字不正确

Question

我最近把这个网站甩到了我的第一个客户之一。目前我无法找到从移动设备浏览时每个标题下的文本稍微偏左的原因。 （使用的Galaxy Nexus）

http://www.digitalgenesis.com.au/2012-websites/qsoils/example3.html

一切都在页面上显示别的完美，我一直努力没有成功找出问题

我想下的栗色标题文本在其全宽显示这是整个包装容器的60％，文本也应该像褐色线一样居中放置，就像它在正常屏幕尺寸上一样，因为每个.info标签都有一个边距：0 auto;物业

任何帮助，即使它不是设计一个致命的错误理解，干杯

Answer 1

我很确定这是行为设计​​。尽管我的联系上的铬比股票浏览器做得好得多。

一种可能的解决办法是对于不同的屏幕尺寸提供不同的CSS规则，像

@media screen and (max-width: 480px) { 
    #truck img { 
    width: 460px; 
    } 
    .info { 
    width: auto; 
    } 
    /* etc... */ 
} 

，并与限制元件的宽度，否则将强制页面呈现比通常的移动电话屏幕宽宽度（纵向）

另一个选项将使用带有线性化支持的CSS框架，如YAML并重新构建设计。或者可能是两者的组合，因为图像无论如何都需要特别关注。

另外请记住，由于移动设备的外形小，应避免较大的利润空间。

Answer 2

先给段落{文本对齐：理由;}，看看它是否有助于降低移动间距问题的权利浏览器。