我正在尝试创建一个快速响应的网站。
我想降低hgroup的高度,如果我的iPad处于横向模式但忽略了我的媒体查询。 如果它处于纵向模式,它不再忽略我的媒体查询。
这就是我写下来的:
@media only screen and (min-device-width: 2048px) and (orientation:landscape) {
hgroup {
height:200px;
}
}
当我在responsivepx.com上测试我的网站并将浏览器的大小调整为2048px时,hgroup假定高度为200px。 iPad没有。
如果有人可以帮助我的话会很棒。我是媒体设计的成员,我的导师无法帮助我。 :(我已经搜索了一个解决方案并尝试了一些,但没有一个对我有用。 像:
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
}