• 救护车遇堵车 上百辆车两分半钟让出生命通道 2019-04-18
  • 为什么蚊子总喜欢亲你?招蚊子体质大揭秘 2019-04-17
  • 人民日报人民时评:前进的时代需要英雄 2019-04-15
  • 概括起来就是:人在任何时候都有神赐的田地生长粮棉等生物而足食丰衣。 2019-04-15
  • 赞扬和推荐看着就想笑文章《如何制订企业发展计划》 2019-04-14
  • 消息称微软新版Xbox主机2020年上市消息称微软新版Xbox主机2020年上市-手机行情 2019-04-11
  • “黄金单身汉”英国哈里王子宣布订婚 2019-04-08
  • 四川积极推进中央环保督察反馈意见整改工作 2019-04-08
  • 地铁工地围挡要大变样了 下月实施围挡新标准——浙江在线 2019-04-06
  • 慈善基金进社区 点对点帮扶居民 2019-04-03
  • 回复@艾鸣1:你还知道丢人? 2019-04-03
  • 【记城者2018 城市推动力】用城市力量建设大美陕西! 2019-03-30
  • 新加坡女孩环球旅游 用中国刺绣“画”遍全世界 2019-03-20
  • 农民回答风水神,“勤劳的农民玩什么没有富起来”。(原创首发) 2019-03-20
  • 河流、老酒、莲花落,绍兴人的乡愁故乡 水乡 2019-03-02
  • 手机端(移动端)自适应样式 @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-04-18
  • 为什么蚊子总喜欢亲你?招蚊子体质大揭秘 2019-04-17
  • 人民日报人民时评:前进的时代需要英雄 2019-04-15
  • 概括起来就是:人在任何时候都有神赐的田地生长粮棉等生物而足食丰衣。 2019-04-15
  • 赞扬和推荐看着就想笑文章《如何制订企业发展计划》 2019-04-14
  • 消息称微软新版Xbox主机2020年上市消息称微软新版Xbox主机2020年上市-手机行情 2019-04-11
  • “黄金单身汉”英国哈里王子宣布订婚 2019-04-08
  • 四川积极推进中央环保督察反馈意见整改工作 2019-04-08
  • 地铁工地围挡要大变样了 下月实施围挡新标准——浙江在线 2019-04-06
  • 慈善基金进社区 点对点帮扶居民 2019-04-03
  • 回复@艾鸣1:你还知道丢人? 2019-04-03
  • 【记城者2018 城市推动力】用城市力量建设大美陕西! 2019-03-30
  • 新加坡女孩环球旅游 用中国刺绣“画”遍全世界 2019-03-20
  • 农民回答风水神,“勤劳的农民玩什么没有富起来”。(原创首发) 2019-03-20
  • 河流、老酒、莲花落,绍兴人的乡愁故乡 水乡 2019-03-02