• 《脱身》陈坤万茜“捆钱CP”浪漫闯关 2019-04-20
  • 羡慕吗?品虾师每天吃两斤小龙虾 2019-04-20
  • 【理上网来·辉煌十九大】加强产业融合互动 壮大现代产业体系 2019-04-15
  • 幼童坠入60米深窄井 消防官兵“倒挂金钩”营救 2019-04-15
  • 具奋垄断因素的市场经济是变种的市场经济,这种市场经济不可能实现资源合理配置,只会造成畸形发展,导致社会经济的恶性病变。房地产市场现状是最好例证。 2019-04-09
  • 南宁:打造新型主流媒体 加快推进媒体深度融合 2019-04-09
  • 2018父亲节祝福语大全 父亲节祝福短信大全 2019-03-30
  • “两学一做”在山西——黄河新闻网 2019-03-28
  • 台湾布袋戏大师陈锡煌的两岸缘 2019-03-25
  • 曾文明调研赣州高铁新区建设工作 2019-03-25
  • 人工智能开发出“穿墙看人”新技术 2019-03-24
  • 2017年度中国城市网盟奖揭晓 广州日报大洋网捧回5项大奖!还不来为我们打call? 2019-03-20
  • 女性之声——全国妇联 2019-03-19
  • 起床就吃早餐 5大早餐误区最伤人 2019-03-18
  • 手机端(移动端)自适应样式 @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在线客服

    服务热线

    织梦建站咨询
  • 《脱身》陈坤万茜“捆钱CP”浪漫闯关 2019-04-20
  • 羡慕吗?品虾师每天吃两斤小龙虾 2019-04-20
  • 【理上网来·辉煌十九大】加强产业融合互动 壮大现代产业体系 2019-04-15
  • 幼童坠入60米深窄井 消防官兵“倒挂金钩”营救 2019-04-15
  • 具奋垄断因素的市场经济是变种的市场经济,这种市场经济不可能实现资源合理配置,只会造成畸形发展,导致社会经济的恶性病变。房地产市场现状是最好例证。 2019-04-09
  • 南宁:打造新型主流媒体 加快推进媒体深度融合 2019-04-09
  • 2018父亲节祝福语大全 父亲节祝福短信大全 2019-03-30
  • “两学一做”在山西——黄河新闻网 2019-03-28
  • 台湾布袋戏大师陈锡煌的两岸缘 2019-03-25
  • 曾文明调研赣州高铁新区建设工作 2019-03-25
  • 人工智能开发出“穿墙看人”新技术 2019-03-24
  • 2017年度中国城市网盟奖揭晓 广州日报大洋网捧回5项大奖!还不来为我们打call? 2019-03-20
  • 女性之声——全国妇联 2019-03-19
  • 起床就吃早餐 5大早餐误区最伤人 2019-03-18
  • 快乐12开奖走势图 牛牛金服 极速时时彩真尼玛的假 竞彩混合过关玩法上市 时时彩平台评测 棋牌开发 体育彩票走势图表 12078期7星彩 3d试机号口诀破解技巧打法 竞彩总进球数规律 德兴双色球大奖 排列5开奖 博彩网址大全 上海时时乐开奖公告 澳洲幸运5中奖详情 14场胜负彩比分直