media query热门博客列表 - ITeye博客频道

博客专栏推荐

本月博客排行

年度博客排行

适配ios设备集锦

本文收录一下关于ios适配的media query规则 iPad： @media only screen and (min-device-width:768px) and (max-device-width:1024px) { //.... } iPad横屏： @media only screen and (min-device-width: ...

media query ios 适配

zhangyaochun 评论(0) 有1555人浏览 2014-03-04 10:29

为了应对移动设备屏幕的碎片化，我们在开发Mobile Web应用时，一个最佳实践就是采用流式布局，保证最大可能地利用有限的屏幕空间。由于屏幕存在着方向性，用户在切换了屏幕的方向后，有些设计上或实现上的问题就会凸显——我们至少需要处理一下当前显示元素的宽度的适配（当然，要做的可能不仅仅是这个）。很多时候，我们需要为不同的屏幕方向来设计对应的应用显示模式，这个时候，实时地获知设备的模竖屏状态就显 ...