移动端,手机端 响应式布局头部代码

2021-06-10 网页设计
  • 文章介绍
将如下代码加到你网页的头部之间:

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes" />    
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=yes"/>
<meta name="msapplication-tap-highlight" content="no" />
 
width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no 大概意思是,网页宽度采用设备宽度,缩放比例为1,不允许用户缩放操作。
 
响应式布局 单位最好用rem;将html的font-size:62.5%; 
 
body{font-size:1.6rem;} 这样 px与rem的转换方式就是px/10=rem;

上一篇:javascript实现禁止鼠标右键的功能

下一篇:没有了

专业的织梦模板定制下载站,在线购买后即可下载!

商业源码

跟版网模板,累计帮助5000+客户企业成功建站,为草根创业提供助力!

立刻开启你的建站之旅
QQ在线客服

服务热线

织梦建站咨询