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

Question

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

Answer 1

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

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

Answer 2

尝试使用CSS的@media规则为不同的屏幕尺寸.. 例如，对于720像素使用@media屏幕的宽度和（最大宽度：720像素）{/所有特殊的CSS代码/}