Html CSS格式不能使文章在手机上可读

如果你在桌面上访问这个，你会看到段落在中间。我能够通过在左右两侧各放置一个200px的填充物来实现这一点。我这样做是因为我觉得这篇文章更具可读性，至少对于桌面用户来说是这样

但是如果你调整窗口的大小，你会注意到段落也在移动，这使得移动用户无法阅读

我有办法解决这个问题吗

---

注意：文章中的所有元素都自动包装在p中，因为它是Wordpress。

您只需要针对移动设备进行一些css攻击。尝试将其添加到样式表的底部：

@media screen and (max-width:480px) {

  div#main.fullpost p {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}

---

从中删除内联样式并给它一个类。 然后移除右边的填充物：200px；左侧填充：200px；您在屏幕上给的

@media screen and (max-width:600px) {
padding-right: 10px; padding-left:10px;
}

---

在我看来，它在手机上非常可读。所有内容的大小都变小了。您可以使用css中的媒体查询更改移动视图的填充。就目前而言，你的问题是模糊的。你是在要求别人为你写代码吗。一般来说，在这里发布您尝试过的内容是一条规则。我很快与您交谈过，第一篇文章很好，但是您确实需要删除css中的填充内容，正如@denisol所指出的。我觉得很傻，因为我没有意识到这是解决方案。我听从了你的建议，结果成功了！