是否有可能创建一个像wordpress一样响应迅速的html网站?

Question

我一直在寻找让我的网页设计像WordPress一样响应灵敏的方法，因为我看到WordPress的内容随着窗口大小的调整而增长和缩小，即使是非常小的窗口，如100px宽度的窗口，似乎没有很多媒体查询。是否有可能使这个网站响应只是纯HTML, CSS和Javascript?

如果有，怎么做?

Answer 1

你可以控制这种响应式的大小调整，例如通过CSS设置media only screen和max属性，然后调整CSS代码以适应你的需要。这是一个快速而简单的反应开始。您可以在这里查看:https://www.w3schools.com/cssref/css3_pr_mediaquery.asp.

@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
font-size: 16px
}
}

@media only screen and (max-width: 400px) {
body {
background-color: lightblue;
font-size: 14px
}
}

肯定有更好的选择，但这一个非常简单。