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

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

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

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

3、根据需要选择“条件”。
定义媒体查询
定义媒体查询

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

 

推荐阅读