css分类集合三(css media是针对适配不同屏幕大小样式的集合)

最新推荐文章于 2024-04-24 13:35:29 发布

weixin_34268753

最新推荐文章于 2024-04-24 13:35:29 发布

阅读量451

点赞数

文章标签： python

原文链接：https://my.oschina.net/oschinaindex/blog/417532

版权

2019独角兽企业重金招聘Python工程师标准>>>

/* css media */

/*智能设备(横屏和竖屏)*/
@media only screen and (min-device-width:320px) and (max-device-width:480px){
}

/*智能设备(竖屏)*/
@media only screen and (min-width:321px ) {
}

/*智能设备(横屏)*/
@media only screen and (max-width:320px ) {
}

/*iPads(横屏和竖屏)*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}

/*iPads(竖屏)*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation :landscape){
}

/*iPads(横屏)*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation :portrait){
}

/*台式机和笔记本*/
@media only screen and (min-width: 1224px) {
}

/*超大屏*/
@media only screen and (min-width: 1824px) {
}

/*苹果iPhone4*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5 ), only screen and (min-device-pixel-ratio:1.5) {
}