• 人民网舆情分析专家:韩长青 2019-06-13
  • 2017内蒙古自治区学习十九大精神嵌套页面--内蒙古频道--人民网 2019-06-12
  • 地震最新消息:云南普洱市澜沧县发生3.0级地震 2019-06-10
  • 图解:高校体育 竞技体育的“基石” 群众体育的“排头兵” 2019-06-10
  • 苗山脱贫影像志——父母在 不远行 2019-06-07
  • 税费“红包”助推高质量发展 2019-06-03
  • 网络舆情参考(2018年第21期 总第320期) 2019-05-27
  • 大型煤企保供限价难阻煤价逼近700元吨 车等煤频现 2019-05-27
  • 军报评论:把红色基因一代代传下去 2019-05-12
  • 诺贝尔文学奖丑闻祸首被正式起诉 或将面临6年刑期 2019-05-12
  • 习近平为传统文化“代言” 2019-04-27
  • 上海合作组织青岛峰会即将举行:青岛迎峰会  志愿倡文明 2019-04-27
  • 女性之声——全国妇联 2019-04-24
  • 融众资本投资集团有限公司董事长谢小青获第十二届人民企业社会责任奖年度人物奖 2019-04-24
  • 布劳提根:在美国钓鳟鱼——嬉皮一代文化偶像 2019-04-01
  • 手机端(移动端)自适应样式 @media 的使用

    2019-01-11 手机网站教程
    • 文章介绍
    通用手机端样式:
     
    @media all and (orientation : portrait) {
    /*竖屏*/
    }
    @media all and (orientation : landscape) {
    /*横屏*/
    }
    指定手机端高度样式:
     
    @media screen and (max-width: 750px)
    @media screen and (min-width: 720px) and (max-width: 960px) {//720 <= xxx < 960的设备}
     
    根据不同的设备设定的样式:
     
    @media (min-width: 768px){ //>=768的设备 }
    @media (min-width: 992px){ //>=992的设备 }
    @media (min-width: 1200){ //>=1200的设备 }
     
    注意下顺序,如果你把@media (min-width: 768px)写在了下面那么很悲剧,因为css文件是从上至下读取的,后面的css优先级会更高
     
    @media (min-width: 1200){ //>=1200的设备 }
    @media (min-width: 992px){ //>=992的设备 }
    @media (min-width: 768px){ //>=768的设备 }
    
    因为如果是1440,由于1440>768那么你的1200就会失效。
     
    所以我们用min-width时,小的放上面大的在下面,同理如果是用max-width那么就是大的在上面,小的在下面
     
    @media (max-width: 1199){ //<=1199的设备 }
    @media (max-width: 991px){ //<=991的设备 }
    @media (max-width: 767px){ //<=768的设备 }

    上一篇:手机网站移动端图片实现延迟加载

    下一篇:没有了

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

    商业源码

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

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

    服务热线

    织梦建站咨询
  • 人民网舆情分析专家:韩长青 2019-06-13
  • 2017内蒙古自治区学习十九大精神嵌套页面--内蒙古频道--人民网 2019-06-12
  • 地震最新消息:云南普洱市澜沧县发生3.0级地震 2019-06-10
  • 图解:高校体育 竞技体育的“基石” 群众体育的“排头兵” 2019-06-10
  • 苗山脱贫影像志——父母在 不远行 2019-06-07
  • 税费“红包”助推高质量发展 2019-06-03
  • 网络舆情参考(2018年第21期 总第320期) 2019-05-27
  • 大型煤企保供限价难阻煤价逼近700元吨 车等煤频现 2019-05-27
  • 军报评论:把红色基因一代代传下去 2019-05-12
  • 诺贝尔文学奖丑闻祸首被正式起诉 或将面临6年刑期 2019-05-12
  • 习近平为传统文化“代言” 2019-04-27
  • 上海合作组织青岛峰会即将举行:青岛迎峰会  志愿倡文明 2019-04-27
  • 女性之声——全国妇联 2019-04-24
  • 融众资本投资集团有限公司董事长谢小青获第十二届人民企业社会责任奖年度人物奖 2019-04-24
  • 布劳提根:在美国钓鳟鱼——嬉皮一代文化偶像 2019-04-01