1、允許網頁寬度自動調整：
首先，在網頁代碼的頭部，加入一行viewport元標簽。
<meta name="viewport"content="width=device-width, initial-scale=1"/>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height"/>
<meta name="format-detection" content="telephone=no"/>
.....
</head>
viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等於屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網頁初始大小占屏幕面積的100%。
2、不使用絕對寬度：只能指定百分比寬度：width: xx%;
3、相對大小的字體：字體也不能使用絕對大小（px），而只能使用相對大小（em）。