css - CSS方向媒体查询

Question

有人可以用外行的方式向我解释orientation媒体功能的作用吗？

Answer 1

它主要用于手机等移动设备。您可以根据设备是直立还是侧向来控制样式...

@media all and (orientation:portrait)
{
  /* Your CSS here */
}

 

@media all and (orientation:landscape)
{
  /* Your CSS here */
}

Answer 2

假设您要询问链接标签中的媒体属性，请在下面找到答案。

媒体是告诉浏览器或设备为该特定设备或操作选择正确的样式表。

例如。如果样式表与媒体链接为打印，则样式表仅在打印页面时才起作用。这样，您可以最小化页面中涉及的图形和媒体以进行打印。

简单来说，它是样式表的 if 条件。

您有以下媒体类型。

屏幕 - 显然是计算机浏览器屏幕。ttv - 电传电视 - 电视投影 - 投影仪手持 - 小屏幕手持设备打印 - 用于打印机盲文 - 盲文反馈设备 aural - 语音合成器 - 为上述所有内容选择相同的样式表。

希望这可以帮助...