CSS方向媒体查询答案

【问题标题】：CSS orientation media queryCSS方向媒体查询
【发布时间】：2011-04-19 15:47:10
【问题描述】：

谁能用通俗的话说，orientation 媒体功能的作用是什么？

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

例如。如果样式表与媒体链接为打印，则样式表仅在打印页面时才起作用。通过这种方式，您可以最大限度地减少页面中涉及的图形和媒体以进行打印。

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

您有以下媒体类型。

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

希望这会有所帮助...

【讨论】：