我创建了一个网站,但由于某种原因,它没有正确使用我的媒体查询。
每个css页面都有以下媒体查询:
@media all and (orientation: portrait) {}
@media all and (orientation: landscape) and (min-width: 1366px) {}
@media all and (orientation: landscape) and (min-width: 720px) and (max-width: 1365px) {}
@media all and (orientation: landscape) and (min-width: 480px) and (max-width: 719px) {}
@media all and (orientation: landscape) and (max-width: 479px) {}
出于某种原因,虽然我的OnePlus 3T和我的女孩都没有iPhone SE(在Chrome,Firefox,Safari和Opera Mini中尝试过),它在纵向模式下使用“potrait”媒体查询。