Web前端网页进行自适应开发时,主要是通过HTML5技术中的viewport指令来实现。Viewport指的是网页宽度和高度的默认值,而且所有浏览器都支持这个设置,只需要把viewport指令的宽度数值改成移动设备屏幕相同的宽度,并设定阻碍用户对网页的缩放。
页面宽度和字体的设置,不要使用绝对宽度,应该按照相对数值的百分比或者是自动值来进行设置,字体设置可以用相对值rem来进行,字体大小设置为页面默认大小的100%,这样就可以对字体的比例进行大小调整。各个区域的位置都是可以移动的,并不是固定不动的,当前预留位置不够,不能放下两个元素,那么后面的元素就会自动转行,就不会出现水平方向的溢出。
在CSS3中引入Media Query模块,根据不同的设备屏幕宽度,运行相应的CSS文件,可以使用@import方式导入。
