Dreamweaver CC教程:以可视化方式编辑媒体查询

Dreamweaver CC教程:以可视化方式编辑媒体查询

以可视化方式编辑媒体查询

1、单击与要编辑的媒体查询相对应的“可视媒体查询”栏。
将显示调整大小控制点。对于同时具有 min-width 和 max-width 值的媒体查询,查询栏的两侧都将显示调整大小控制点。
Dreamweaver CC教程:以可视化方式编辑媒体查询
调整大小控制点

2、将控制点拖动到所需大小。
将使用新的 min-width 和/或max-width 值自动更新媒体查询。将显示一条通知,指示媒体查询已成功编辑。如果存在多个对应于可视媒体查询栏的媒体查询,则将更新所有媒体查询。已更新的媒体查询数与成功消息一同显示。

注意:
若要撤消,请按 Ctrl+Z (Win) 或 Cmd+Z (Mac)。
或者,可双击断点值以使用键盘键入这些值。

 

推荐阅读