如何将页面内容调整为屏幕大小？

Question

在我构建网页时，我正在尝试弄清楚如何使页面上的内容适应页面大小。我不确定这个或我的标题是否足够清晰，但作为一个例子，我希望我的页面，因为我把它缩小，将所有东西压在一起（尽管一切都越来越近，所有东西都在它的位置），直到它不能再用，然后切换平板电脑格式，然后最终到手机格式。 请具体说明。 谢谢！

Answer 1

我认为你问的是两个不同的概念。如果要创建网页并希望在更改BROWSER WINDOW SIZE时保持所有内容的比例，请使用％而不是px设置width和height属性。防爆。宽度：50％而不是宽度：30px;这将使所有内容保持相对于页面大小的相同大小。

但是，如果您希望自己的网站在移动设备上显示格式，则需要创建一个响应式网站，这是一个完全不同的游戏。关于如何做到这一点有很多教程，所以开始研究。

Answer 2

尝试使用css的@media规则来改变屏幕尺寸。 例如宽度为720px使用@media屏幕和（max-width：720px）{/所有特殊css代码/}