随着屏幕尺寸越来越小，内容占据了越来越多的垂直空间。换句话说，页面会向下延伸，这就是所谓的内容流。如果你习惯了用像素和点来设计，你可能会觉得有点难掌握。但没关系。如果你习惯了，很容易理解。用户的网页显示屏可能是桌面屏幕、行动装置或两者之间的任何显示屏。像素必须随着屏幕尺寸的变化而变化，因此它们必须灵活，能够适应各种情况。与企业相比，百分比应用良好，总宽度的50%是浏览器窗口尺寸的一半。

　　断点可以使网页布局在预设点变形。换句话说，桌机网页上显示3栏，移动装置网页上只显示1栏。CSS所有功能都可以完成断点之间的变形。断点的位置通常取决于网页。例如，如果你想改变你的职业生涯，你可能必须添加断点。但是，在使用断点时要小心。如果你不能理解内容之间的逻辑关系，很容易弄得一团糟。在行动装置中，有时网页占据整个屏幕宽度，如果同一网页也覆盖在桌面屏幕上，布局就不太适度。因此，设置总宽度大/最小值。例如，行动装置的总宽度为100%，最大宽度为10000px，显示屏内容将不超过1万px。

　　如果网页上的许多元素相互关联，它们将无法控制。因此，将元素放入容器中会使其更好地管理，简洁明了。静态企业就像一个像素，对于是否缩放内容非常有用，比如logo跟随按钮。网页从小屏幕到显示屏(移动优先)，或从显示屏到小屏幕(桌机优先)没有太大区别。如果优先考虑行动端，则需要考虑更多的网页设计限制。一般来说，两个方面同时开始，所以我们仍然必须考虑网页用户的习惯和市场。

　　网页字体有很多种，但这些字体需要加载时间，字体越多，加载界面的时间就越长。系统字体的输入速度要快得多，用户有这些字体。你的图片有很多细节，使用了很多华丽的效果吗?如果是，请使用点阵图。如果没有，请考虑应用程序向量图。如果是点阵图，请使用jpg，png或gif。应用向量图则SVG或图标字体。但要注意文件的大小，未经优化的照片不能在网上传输。向量图通常很小，但一些旧浏览器可能不会帮助向量图。如果图片有很多曲线，文件可能会有很大的点阵图，所以明智的选择。