• “猴哥”云南校运动上凑热闹  躲进学生宿舍反锁门 2019-08-21
  • 承载历史使命的 “乡村振兴”,城乡共同参与 2019-08-14
  • 地月高清合影!嫦娥四号中继星任务国际合作成果发布 2019-08-13
  • 国丰新能源有限公司获第十二届人民企业社会责任奖年度环保奖 2019-08-13
  • 新华保险荆州中支助力首届荆楚文化旅游节开幕 2019-07-30
  • 端午将至,我们更加要严格自律,不能趁过节之际搞吃喝送礼、公车私用、公款旅游等,要严防不正之风反弹回潮。做好自己的分内之事,安分守己,加强自我管理和监督,严格遵守 2019-07-21
  • An advance booking of two hours can be made for Yangtze River Cableway tickets - Chongqing News - CQNEWS 2019-07-17
  • 大学毕业生永远不过剩,这是民族素质问题 2019-07-17
  • 这种利用能实现国民财富增长么?有哪一个民族是靠炒作自己人崛起的? 2019-07-13
  • 地月高清合影!嫦娥四号中继星任务国际合作成果发布 2019-07-12
  • 那是当然。我国的两弹一星都是在公有制企业里搞出来的。 2019-07-12
  • 传统端午节 浓浓邻里情 2019-06-27
  • 人民网舆情分析专家:韩长青 2019-06-13
  • 2017内蒙古自治区学习十九大精神嵌套页面--内蒙古频道--人民网 2019-06-12
  • 地震最新消息:云南普洱市澜沧县发生3.0级地震 2019-06-10
  • 手机端(移动端)自适应样式 @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-08-21
  • 承载历史使命的 “乡村振兴”,城乡共同参与 2019-08-14
  • 地月高清合影!嫦娥四号中继星任务国际合作成果发布 2019-08-13
  • 国丰新能源有限公司获第十二届人民企业社会责任奖年度环保奖 2019-08-13
  • 新华保险荆州中支助力首届荆楚文化旅游节开幕 2019-07-30
  • 端午将至,我们更加要严格自律,不能趁过节之际搞吃喝送礼、公车私用、公款旅游等,要严防不正之风反弹回潮。做好自己的分内之事,安分守己,加强自我管理和监督,严格遵守 2019-07-21
  • An advance booking of two hours can be made for Yangtze River Cableway tickets - Chongqing News - CQNEWS 2019-07-17
  • 大学毕业生永远不过剩,这是民族素质问题 2019-07-17
  • 这种利用能实现国民财富增长么?有哪一个民族是靠炒作自己人崛起的? 2019-07-13
  • 地月高清合影!嫦娥四号中继星任务国际合作成果发布 2019-07-12
  • 那是当然。我国的两弹一星都是在公有制企业里搞出来的。 2019-07-12
  • 传统端午节 浓浓邻里情 2019-06-27
  • 人民网舆情分析专家:韩长青 2019-06-13
  • 2017内蒙古自治区学习十九大精神嵌套页面--内蒙古频道--人民网 2019-06-12
  • 地震最新消息:云南普洱市澜沧县发生3.0级地震 2019-06-10
  • 今日竟彩足球及时比分 安徽11选5走势图 qq空间十三水 中彩堂三肖中特com 3d彩票官网 内蒙古快三开奖 陕西快乐10分走势图百宝 大乐透带连钱坐标专业 ssc娱乐平台排行 甘肃十一选五任五技巧 360彩票网官网下载 上海福利彩票4D开奖结果 南国七星彩论坛 舟山体彩飞鱼官方网站 双色球开奖结果双色球开奖结果一