响应式及练习

原创 20171025 随笔 HTML/CSS 203阅读 2017-12-21 19:51:31 举报

今天昨天做了一个微软的页面,今天用它做了响应式的练习,这也是这两个月学习以来的最后一个练习,给自己交上一份满意的答卷!
媒体特性:
min-width 分辨率宽度大于等于设置值的时候识别
max-width 分辨率宽度小于等于设置值的时候识别
orientation:portrait 竖屏
orientation:landscape 横屏
-webkit-min-device-pixel-ratio:2 像素比
关键字:
and 和、与 (连接媒体特性)

        not         排除指定媒体类型

        only        指定某种特定的媒体类型
            很多时候是用来对那些【不支持媒体特性】但却【支持媒体类型】的设备

html 代码

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复