1、<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

2、使用響應式布局

建議把width PX改為對應的百分比，height就可改可不改。如果想更上一層，建議學習響應式局部。

1. 寫界面的第一步，要有容器思想，你把變形的數據放入最外層設一個容器，寬度自己設，一般界面寬度為1200px，不過這要看你自己設了，高度設不設無所謂。

2. 如果你不想要固定死的界面，可以考慮用padding，margin這兩個，如果你不會靈活運用padding，margin就考慮第一種。

3. 還有就是在html里父類標簽的寬度沒固定死的話，千萬不能用百分比布局。

   
   

推薦做法：

1-將所有px布局改為百分比布局

2-使用bootstrap，直接使用用定義好的class（包含兼容性、響應式處理），如果頁面中使用了angular就直接用angular UI