CSS格式不能使文章在移动上可读性

Question

如果您访问桌面上的这个博客文章，您将看到段落位于中间。我能够做到这一点，在每一边(左和右)放置200 on的填充。我这么做是因为我觉得这篇文章更易读，至少对桌面用户来说是这样。

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

，我有办法解决这个问题吗？

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

Answer 1

从<p>中删除内联样式，并给它一个类。然后删除您在屏幕上给<p>的padding-right: 200px; padding-left:200px;。

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

Answer 2

你将需要做一些针对移动设备的css黑客攻击。尝试将其添加到样式表的底部：

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

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

}