• 让安心手环更“智慧” 2019-06-25
  • 祈福活动上,马英九用喇叭大喊“两岸和平” 2019-06-25
  • 【理上网来辉煌十九大】美国学者关注十九大报告:中国将形成新的共识继续推进改革 2019-06-20
  • 韩媒:韩朝将军级军事会谈时隔近11年在板门店顺利重启 2019-06-20
  • 任红梅:让十九大精神进社区,入民心 2019-06-17
  • 湖北日报传媒集团多媒体数字报 2019-06-14
  • 要像习近平那样感恩父母 2019-06-14
  • 学诚法师:心中没有是非 不等于是非不分 2019-06-11
  • “后高考”生活尤需有度 警惕“高考后综合征” 2019-06-06
  • 三只树懒漂洋过海亮相杭州 看着都困 2019-06-06
  • “跌倒”与“重新站起来” 2019-06-01
  • 女子街头遭遇男子持刀抢劫 搏击教练一分钟夺刀 2019-05-29
  • 发挥自身优势 奋力走在前列——习近平总书记在山东考察回访记 2019-05-29
  • 免费与收费混搭总会拖垮社会主义经济(原创首发) 2019-05-15
  • 徐悲鸿中学“大美徐中 进步之师”——华龙网 2019-05-14
  • 手机端(移动端)自适应样式 @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-25
  • 祈福活动上,马英九用喇叭大喊“两岸和平” 2019-06-25
  • 【理上网来辉煌十九大】美国学者关注十九大报告:中国将形成新的共识继续推进改革 2019-06-20
  • 韩媒:韩朝将军级军事会谈时隔近11年在板门店顺利重启 2019-06-20
  • 任红梅:让十九大精神进社区,入民心 2019-06-17
  • 湖北日报传媒集团多媒体数字报 2019-06-14
  • 要像习近平那样感恩父母 2019-06-14
  • 学诚法师:心中没有是非 不等于是非不分 2019-06-11
  • “后高考”生活尤需有度 警惕“高考后综合征” 2019-06-06
  • 三只树懒漂洋过海亮相杭州 看着都困 2019-06-06
  • “跌倒”与“重新站起来” 2019-06-01
  • 女子街头遭遇男子持刀抢劫 搏击教练一分钟夺刀 2019-05-29
  • 发挥自身优势 奋力走在前列——习近平总书记在山东考察回访记 2019-05-29
  • 免费与收费混搭总会拖垮社会主义经济(原创首发) 2019-05-15
  • 徐悲鸿中学“大美徐中 进步之师”——华龙网 2019-05-14
  • 超级大乐透热门推选 山西快乐十分开奖结果查询50 一组码里中 秒速时时彩全天计划 甘肃快3最新开奖走势 北京pk10冠军计划技巧 浙江11选5怎么买 3d中国福利彩票3d 儿童娱乐场所加盟图片 15选5一共多少注 七乐彩开奖结果哦 陕西快乐10分选号规律 历史福彩中奖信息 新疆18选7中奖号码 海南飞鱼游戏