css媒体查询 - 如何只定位ios或Android设备？

Question

我有一个移动网站。 我为android优化它，例如

    @media only screen 
and (max-height : 1280px) {
    html {
        font-size: 18pt;
        }
    }

@media only screen and (orientation:portrait)
and (max-height : 452px) {
    html {
        font-size: 15pt;
        }
    }

但在ios上它看起来非常糟糕。我可以使用2组媒体查询，一组用于android，一组用于ios？ 现在我不能让它们都适用。

请向我展示Android设备的媒体查询和ios设备的媒体查询。

Answer 1

你可以试试这个

＆＃13;

＆＃13;

@media(orientation:landscape)

{
  html {
    font-size: 18pt;
  }
}
@media (orientation: portrait) {
  html {
    font-size: 15pt;
  }
}

＆＃13;

＆＃13;

＆＃13;