当前位置:

网站开发过程中怎么做到响应式布局呢? / 教程文档

5月前 阅读 / 171 来源 / 原创 文 / 多多鱼

<meta name="viewport" content="width=device-width,initial-scale=1.0"> content属性值 : width:可视区域的宽度,值可为...

 <meta name="viewport" content="width=device-width,initial-scale=1.0">

     content属性值 :

     width:可视区域的宽度,值可为数字或关键词device-width

     height:同width

     intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放

     maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,

     maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。

     user-scalable:是否可对页面进行缩放,no 禁止缩放

 媒体查询 :@media screen and (max-width:960px){ } 

@media screen and (当屏幕发生变化,最大宽度达到某一个值的时候 比如:max-width:960px){会执行以下代码}

例子:


@media screen and ( max-width:960px ){


  body{

   background:red;

}


}


评论列表
共0条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

猜你喜欢

内容管理系统 · Powered By YzmCMS皖ICP备17010873号
学生网页作业定制、企业网站联系客服微信:zhaocom666
相关侵权、举报、投诉及建议等,请发E-mail:2528730315@qq.com

友情链接: 大学生网页作业 网页制作成品下载 网页教程 网页作业模板 网页成品

客服微信

客服微信

zhaocom666

模板问题

定制问题

作业定制

企业建站

微信客服