微信号:
当前位置:首页 > 资讯文摘 > 软件开发

合肥网站建设中网页宽度自动适应手机屏幕的方法

2014/10/11 16:10:04

传统的网站在电脑上可以正常显示浏览,但是随着智能手机的普及,手机屏幕的宽度和电脑不是一个级别,会带来显示不方便的问题,通常有2种解决方案,一种是建设专门的手机网站;另一种是改进原有的网站,当然很多人为了方便,选择第二种方案,下面针对第二种方案进行介绍合肥网站建设中网页宽度自动适应手机屏幕的方法:

主要是在网页中加入meta信息:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />

参数介绍:

width=device-width :表示宽度是设备屏幕的宽度

initial-scale=1.0:表示初始的缩放比例

minimum-scale=0.5:表示最小的缩放比例

maximum-scale=2.0:表示最大的缩放比例

user-scalable=yes:表示用户是否可以调整缩放比例

 

如果是想要一打开网页,则自动以原始比例显示,并且不允许用户修改的话,则是:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

这样整个页面在设备上就原样显示了。

合肥开拓科技,为您提供营销型网站建设、手机网站建设、软件开发以及软件定制等服务http://www.kt00.com,联系QQ:2324139718

 

相关新闻: