媒体查询
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了媒体查询相关的知识，希望对你有一定的参考价值。
1. //iphone4，4s（max-width：320px）
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){}
1. //iphone5（max-width：320px）
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){}
2. //iphone6
@media screen and（max-width：375px）and（max-height：667px）{}
3. //iphone6s
@media screen and（max-width：414px）and（max-height：736px）{}
4. //竖屏样式
@media all and (orientation:portrait) {}
5. //横屏样式
@media all and (orientation:landscape) {}
6. Max-width：最大渲染宽度； Max- device-width：最大设备宽度
以上是关于媒体查询的主要内容，如果未能解决你的问题，请参考以下文章