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种

转载于:https://www.cnblogs.com/lxg0/p/5582050.html

html5中让页面缩放的4种方法相关推荐

html整体页面缩放的方法,html5中让页面缩放的4种方法
1.viewport 这种方法,不是所有的浏览器都兼容 2.百分比这种方法,可以兼容大部分浏览器,但是修改幅度比较大 .main .login .txt1{margin-top:8.59375%; ...
html手机自动放大,解决HTML5手机端页面缩放的问题
通常在写HTML5手机端页面的时候,我们会发现页面所显示元素的比例不正确,那此时我们需要添加的就是: 或者是那么我们来对这句话解释一下就是: viewport : 表示的是显示窗口: width=d ...
html页面手机自动缩放,解决HTML5手机端页面缩放的问题
通常在写HTML5手机端页面的时候,我们会发现页面所显示元素的比例不正确,那此时我们需要添加的就是: 或者是那么我们来对这句话解释一下就是: viewport : 表示的是显示窗口: width=d ...
在html5中怎么设置背景音乐,HTML5简单实现添加背景音乐的几种方法
这里推荐两种方法,就是两个标签或者常用 +css布局隐藏播放器做网站比较实用! html5添加音乐说明: 1.src毫无疑问写路径. 2.使用hidden="true"表 ...
html嵌入audio格式不支持,html5中audio支持音频格式的解决方法
HTML5 Audio标签能够支持wav, mp3, ogg, acc, webm等格式,但有个很重要的音乐文件格式midi(扩展名mid)却在各大浏览器中都没有内置的支持.不是所有的浏览器都支持MP ...
C#中判断空字符串的3种方法性能分析【月儿原创】
C#中判断空字符串的3种方法性能分析作者:清清月儿主页:http://blog.csdn.net/21aspnet/ 时间:2007.4.28 3种方法分别是:string ...
PHP网站开启gzip压缩,php中开启gzip压缩的2种方法代码
Gzip网页压缩可以大幅度提升网站访问速度,对于网站在国外的站来说,这是必不可少的一步,提升网页打开速度非常明显,现在我们就系统的来认识一下这个Gzip的庐山真面目. 一.何为GZIP GZIP概念 ...
html语言音乐添加路径,HTML5简单实现添加背景音乐的几种方法
这里推荐两种方法,就是两个标签或者常用 +css布局隐藏播放器做网站比较实用! html5添加音乐说明: 1.src毫无疑问写路径. 2.使用hidden="true"表 ...
让PHP支持页面后退的两种方法
让PHP支持页面后退的两种方法(Cache-control php back form) 在开发过程中,往往因为表单出错而返回页面的时候填写的信息都不见了,为了支持页面回跳,可以通过两种方法实现. ...
js刷新页面有哪几种方法
js刷新页面有哪几种方法一.总结一句话总结:location属性的reload方法即可:document.location.reload() 1.页面刷新有哪常见的8种方法? 1,history. ...

html5中让页面缩放的4种方法

html5中让页面缩放的4种方法相关推荐

最新文章

热门文章