html5中讓頁面縮放的4種方法

  html5中讓頁面縮放的4種方法 2013-10-22 14:45:03

分類： Web開發

 

1.viewport
這種方法，不是所有的瀏覽器都兼容

2.百分比
這種方法，可以兼容大部分瀏覽器，但是修改幅度比較大
.main .login .txt1{margin-top:8.59375%; position:relative;}
3.css transform
這種方法，可以兼容大部分瀏覽器，但是頁面的位置是居中的
.w320
{
transform: scale(1,1);
-ms-transform: scale(1,1); /* IE 9 */
-webkit-transform: scale(0.8,0.8); /* Safari and Chrome */
}
4.使用響應式布局，但是這樣的話得做兩個兩套界面


建議使用第2，4種