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种
这种方法，不是所有的浏览器都兼容
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种