手机和电脑同时兼容的网站

在页面中加上这样一段话

 

<meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-sc  

  1. 网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。  
  2. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">   
  3.   
  4. width viewport的宽度 height viewport的高度   
  5. initial-scale 初始的缩放比例  
  6. minimum-scale 允许用户缩放到的最小比例   
  7. maximum-scale 允许用户缩放到的最大比例  
  8. user-scalable 用户是否可以手动缩放

 

posted @ 2013-10-12 11:51  李翠华  阅读(503)  评论(0编辑  收藏  举报