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

你可以试试这个

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