【发布时间】：2020-11-03 23:23:49
【问题描述】：
我正在尝试让这个网站在移动设备上运行：http://whitehallrow.com/
幻灯片下的正文在我的黑莓上运行良好，但蓝丝带下的所有段落都在屏幕左侧。我用 CSS 尝试了许多不同的东西，例如边距、填充、宽度：100%、浮动、文本对齐 - 甚至没有任何改变。
我该如何解决这个问题？
【问题讨论】：
标签： css mobile text screen paragraph
【发布时间】：2020-11-03 23:23:49
【问题描述】：
从这段代码中完全删除宽度（我认为它在您的 CSS 中的第 340 行左右）
.homeblurb {
width: 480px; /* <- remove this value */
float: right;
padding-right: 16px;
}
【讨论】：
-
我从 .homeblurb 中删除了所有样式，但它仍在屏幕外。我使用的是 Blackberry Bold 9700。
-
嗯...我已经更改了自定义 CSS 插件中的 CSS，但是当我检查页面上的元素时，它仍然具有所有旧样式...所以显然有问题插件。
-
您是否正在使用可能会覆盖您的样式的某些描述的 CSS 重置？
-
我刚刚发现了问题，为了便于编辑，我已经将主页的代码剪切并粘贴到我的 CSS 表的顶部，但插件搞砸了并复制了它，这已经发生了之前......所以更远的代码覆盖了我的更改。我的错。无论如何感谢您的帮助。 :)
因为您在那个p 上有一个固定的width: 480px，并且有一个padding-right，所以文本会跑出屏幕。尽量不要设置宽度，我在chrome中测试过，它可以工作。
【讨论】：