html - CSS 格式无法使文章在移动设备上可读

Question

如果你访问这个blog article在您的桌面上，您会看到段落位于中心。我能够通过在每一侧(左侧和右侧)放置 200px 的填充来实现这一点。我这样做是因为我觉得这篇文章更具可读性，至少对于桌面用户而言。

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

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

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

Answer 1

从 <p> 中删除内联样式并给它上课。然后删除 padding-right: 200px; padding-left:200px;你给了<p>在屏幕上。

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