wap网站制作自适应宽度的问题

2013-4-21    分类: 手机资讯

网站一旦有了关注度,我们不得不考虑手机应用平台的用户浏览体验。现在手机的泛滥手机控也增多,制作一个wap网站是必然的趋势,如果你用的是wordpress程序这里可以推荐使用mobilepress插件。这里由于公司要制作出一个wap模板首先就出现了一个疑问,wap网站如何自适应不动的宽度。这个问题必须要考虑到,现在手机的屏幕大小不一样,要保证每个手机用户访问网站的时候屏幕能根据不同的宽度自动调节,这里只要在<head></head>代码之间插入以下代码即可:
[code]<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />[/code]
只要加上了以上代码页面的宽度就会铺满你设备的宽度,即可到达自适应宽度了。