<p>标签中的文字在手机屏幕左侧溢出</p>

Question

我正在努力让这个网站适用于移动设备：http://whitehallrow.com/

幻灯片下的文本正文在我的Blackberry上工作正常，但蓝色条带下的所有段落都在屏幕的左侧。我用CSS尝试了很多不同的东西，比如边距，填充，宽度：100％，浮点数，文本对齐 - 甚至没有任何改变它。

我该如何解决这个问题？

Answer 1

完全从此代码中删除宽度（我认为它在CSS中的第340行）

.homeblurb {
   width: 480px; /* <- remove this value */
   float: right;
   padding-right: 16px;
}

Answer 2

因为width: 480px上有一个固定的p，并且有一个填充权限，所以文本会在屏幕上运行。尽量不要设置宽度，我在chrome中进行了测试，但它确实有效。