随着智能手机和3G网络的广泛普及，越来越多的用户选择用手机访问网络，但是各类手机和电脑以及平板的像素往往相差很大，在不同设备上呈现相同网页成为一大难题，而自适应网页设计的出现给设计师们带来了福音。那么新手需要知道哪些适应网页设计相关知识呢？ 自适应网页设计

      1、不使用绝对宽度和具有绝对宽度的元素，允许网页宽度自动调整，网页将会根据屏幕宽度自动调整布局。

      2、字体只能使用相对大小（em），而不能使用绝对大小（px）。
      3、使用流动布局，意思是说各个区块的位置都是浮动的，而不是固定位置不变的。此外要小心使用绝对定位。
      4、"自适应网页设计"的核心是CSS3引入的Media Query模块。就是自动探测屏幕宽度，然后加载相应的CSS文件。在同一个CSS文件里，可以根据不一样的屏幕分辨率，选择使用不同的CSS规则。
      5、实现图片自动缩放只需要一行CSS代码img { max-width: 100%;}大部分就可以完成。但是如果有条件，最好还是根据屏幕的大小加载分辨率不同的图片。

文章由上海网站建设公司昭歌信息整理发布https://www.zhaoge.net/，转载请注明出处