最新文章:

首页 计算机

自适应常用css代码

发布时间:2017年02月27日 评论数:抢沙发 阅读数:2208

    自适应能让你的网站在pc端和手机端都能完美的展示你的网站,下面就列出几个常用语句: 

    @media screen and (min-width: 1201px) { 

    .abc {width: 1200px} 

    /* css注释:设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */ 

    @media screen and (max-width: 1200px) { 
    .abc {width: 900px} 

    /* 设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */ 

    @media screen and (max-width: 901px) { 
    .abc {width: 200px;} 

    /* 设置了浏览器宽度不大于901px时 abc 显示200px宽度 */ 

    @media screen and (max-width: 500px) { 
    .abc {width: 100px;} 

    /* 设置了浏览器宽度不大于500px时 abc 显示100px宽度 */ 
二维码加载中...
本文作者:ThinkMany      文章标题: 自适应常用css代码
本文地址:http://www.thinkmany.com/计算机/24.html
版权声明:若无注明,本文皆为“乌龟's Blog”原创,转载请保留文章出处。
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论
    99.87ms