• 贵州桐梓:困难群众打工差点错过“移民搬迁”之后 2019-09-16
  • 山西日报系列评论:三晋之声 2019-09-10
  • 南通海门开展10个方面19项安全生产专项整治 2019-09-10
  • 人民网舆情分析专家:王洪波 2019-09-01
  • 2016最具影响力自行车赛事排行榜TOP100 2019-09-01
  • 大兴法院设执行裁判庭 执结率提高50% 2019-08-28
  • 法制日报:巨额奖金被冒领戳中行业痛点 2019-08-22
  • 农村的巨变是农业的巨变吗?变化概念, 2019-08-17
  • 地价10年暴涨4倍背后 供地减半开发商拿地疯狂 ——凤凰网房产成都 2019-08-16
  • 上合正在掀开崭新一页 2019-08-16
  • 让安心手环更“智慧” 2019-06-25
  • 祈福活动上,马英九用喇叭大喊“两岸和平” 2019-06-25
  • 【理上网来辉煌十九大】美国学者关注十九大报告:中国将形成新的共识继续推进改革 2019-06-20
  • 韩媒:韩朝将军级军事会谈时隔近11年在板门店顺利重启 2019-06-20
  • 任红梅:让十九大精神进社区,入民心 2019-06-17
  • 手机端(移动端)自适应样式 @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-09-16
  • 山西日报系列评论:三晋之声 2019-09-10
  • 南通海门开展10个方面19项安全生产专项整治 2019-09-10
  • 人民网舆情分析专家:王洪波 2019-09-01
  • 2016最具影响力自行车赛事排行榜TOP100 2019-09-01
  • 大兴法院设执行裁判庭 执结率提高50% 2019-08-28
  • 法制日报:巨额奖金被冒领戳中行业痛点 2019-08-22
  • 农村的巨变是农业的巨变吗?变化概念, 2019-08-17
  • 地价10年暴涨4倍背后 供地减半开发商拿地疯狂 ——凤凰网房产成都 2019-08-16
  • 上合正在掀开崭新一页 2019-08-16
  • 让安心手环更“智慧” 2019-06-25
  • 祈福活动上,马英九用喇叭大喊“两岸和平” 2019-06-25
  • 【理上网来辉煌十九大】美国学者关注十九大报告:中国将形成新的共识继续推进改革 2019-06-20
  • 韩媒:韩朝将军级军事会谈时隔近11年在板门店顺利重启 2019-06-20
  • 任红梅:让十九大精神进社区,入民心 2019-06-17
  • 双色球周二走势图 老11选5快彩乐 江西11选5前三直遗漏 贵州快三和值 竞彩篮球大小分图 上海快3开始结果 安徽25选5最新开奖结果查询 曾哥二肖中特 山西快乐十分官网 全国开奖公告 澳门博彩控股集团股东 二八杠怎么才能赢钱 梦幻足球经理无限金币 2018最新网络赚钱平台 彩票软件如何开发