Dreamweaver CC教程：用CSS Designer面板定义媒体查询

Dreamweaver CC教程：用CSS Designer面板定义媒体查询

定义媒体查询
1、在“CSS Designer”面板中，单击“源”窗格中的某个 CSS 源。

2、单击“@媒体”窗格中的  以添加新的媒体查询。
随后将显示“定义媒体查询”对话框，其中列出 Dreamweaver 支持的所有媒体查询条件。

3、根据需要选择“条件”。

定义媒体查询

确保为您选择的所有条件指定有效值。否则，无法成功创建相应的媒体查询。
注意:
对多个条件只支持“And”运算。
如果通过代码添加媒体查询条件，则只会将受支持的条件填入“定义媒体查询”对话框中。然而，该对话框中的“代码”文本框会完整地显示代码（包括不支持的条件）。
如果您单击“设计”/“实时”视图中的某个媒体查询，则视口切换以便与选定的媒体查询相匹配。若要查看全尺寸的视口，请在“@Media”窗格中单击“全局”。