面向媒体查询的设备

Question

例如，当屏幕的最小宽度为1025px且移动设备水平旋转时，我希望将某些功能应用于页面。 我正在尝试此媒体查询，我做错了吗？

例如，当屏幕的最小宽度为1025px且移动设备水平旋转时，我希望将某些功能应用于页面。 我正在尝试此媒体查询，我做错了吗？

@media (min-width: 1025px) or (orientation: landscape) {...}

Answer 1

我尝试了定向，然后看看下面的代码段

您代码中的主要问题是：

validation_steps丢失

screen

对于您的代码，需要进行更改

@media only screen and (max-width: 600px) or (orientation: portrait)

@media screen (min-width: 1025px) or (orientation: landscape) {...}