如果我使用这个查询(iPhone 视网膜)
#clickme
{
font-size: 200%;
position: absolute;
top: 50px;
left: 50px;
width: 200px;
height: 100px;
background-color: red;
}
@media (min-device-width: 480px)
{
#clickme
{
font-size: 100%;
position: absolute;
top: 50px;
left: 50px;
width: 100px;
height: 50px;
background-color: green;
}
}
颜色是红色,但是如果我加一个or子句
@media (min-device-width: 480px) or (orientation: landscape)
{
#clickme
{
font-size: 100%;
position: absolute;
top: 50px;
left: 50px;
width: 100px;
height: 50px;
background-color: green;
}
}
并且设备是纵向的,按钮是绿色的
是否可以在不诉诸单独查询的情况下解决这个问题?
最佳答案
or
不是媒体查询中的有效关键字。
您需要有单独的媒体查询,但要使用逻辑或将它们组合在一起,请使用逗号:
@media (min-device-width: 480px), (orientation: landscape)
关于iphone - @media 查询奇怪与 "or"和 iPhone,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23914253/