【发布时间】：2015-11-18 11:25:17
【问题描述】：
在构建页面时，我试图弄清楚如何使页面上的内容适应页面的大小。我不确定那个或我的标题是否足够清楚，但作为一个例子，我希望我的页面，因为我把它变小，把所有东西都揉在一起（把所有东西都放在它的位置，尽管一切都越来越接近）直到它不能再然后切换平板电脑格式，最后切换到手机格式。 请具体。 谢谢！
【问题讨论】：
-
我认为您应该开始阅读有关响应式网站以及如何使用媒体查询的文章/教程
【发布时间】：2015-11-18 11:25:17
【问题描述】：
我想你问的是两个不同的概念。如果您正在创建网页并希望在更改浏览器窗口大小时保持所有内容成比例，请使用 % 而不是 px 设置宽度和高度属性。前任。 width: 50% 而不是 width: 30px;这将使所有内容相对于页面大小保持相同的大小。
但是，如果您希望您的网站在移动设备上显示为格式化，则需要创建一个响应式网站，而这是完全不同的游戏。有很多关于如何做到这一点的教程，所以开始研究吧。
【讨论】：
尝试使用 css 的 @media 规则来处理不同的屏幕尺寸.. 例如，对于 720px 的宽度，使用 @media screen 和 (max-width:720px){/所有特殊的 css 代码/}
【讨论】：