Dreamweaver CC教程:以可视化方式编辑媒体查询
Dreamweaver CC教程:以可视化方式编辑媒体查询
以可视化方式编辑媒体查询
1、单击与要编辑的媒体查询相对应的“可视媒体查询”栏。
将显示调整大小控制点。对于同时具有 min-width 和 max-width 值的媒体查询,查询栏的两侧都将显示调整大小控制点。
调整大小控制点
2、将控制点拖动到所需大小。
将使用新的 min-width 和/或max-width 值自动更新媒体查询。将显示一条通知,指示媒体查询已成功编辑。如果存在多个对应于可视媒体查询栏的媒体查询,则将更新所有媒体查询。已更新的媒体查询数与成功消息一同显示。
注意:
若要撤消,请按 Ctrl+Z (Win) 或 Cmd+Z (Mac)。
或者,可双击断点值以使用键盘键入这些值。
相关内容
-
Dreamweaver CC教程:Dreamweaver 支持的编程语言
Dreamweaver CC教程:Dreamweaver 支持的编程语言,编程语言,支...
-
Dreamweaver CC教程:正则表达式
Dreamweaver CC教程:正则表达式,正则表达式,搜索,换行符,教程,...
-
Dreamweaver CC教程:在代码视图中预览图像和颜色
Dreamweaver CC教程:在代码视图中预览图像和颜色,图像,教程,视...
-
Dreamweaver CC教程:提取 JavaScript
Dreamweaver CC教程:提取 JavaScript,文件,选择,脚本,教程,文...
-
Dreamweaver CC教程:设置 PHP 首选参数
Dreamweaver CC教程:设置 PHP 首选参数,教程,站点,参数,设置,...
-
Dreamweaver CC教程:设置复制和粘贴首选参数
Dreamweaver CC教程:设置复制和粘贴首选参数,粘贴,参数,复制,...
-
Dreamweaver CC教程:创建代码片段
Dreamweaver CC教程:创建代码片段,代码片段,教程,触发,识别,描...
-
Dreamweaver CC教程:添加段落间距
Dreamweaver CC教程:添加段落间距,教程,执行,换行,换行符,选择...
-
Dreamweaver CC教程:ECMAScript 6 linting
Dreamweaver CC教程:ECMAScript 6 linting,配置文件,设置,选择...
-
Dreamweaver CC教程:Linting 结果和输出面板
Dreamweaver CC教程:Linting 结果和输出面板,输出,教程,文档,...
-
Dreamweaver CC教程:使用快速标签编辑器编辑代码
Dreamweaver CC教程:使用快速标签编辑器编辑代码,标签,编辑器,...
-
Dreamweaver CC教程:启用linting并指定linting规
Dreamweaver CC教程:启用linting并指定linting规则,启用,文件,...
-
Dreamweaver CC教程:清理代码
Dreamweaver CC教程:清理代码,清理,删除,文档,教程,标签,用于,...
-
Dreamweaver CC教程:在“设计”视图中
Dreamweaver CC教程:在“设计”视图中编写和编辑脚...
-
Dreamweaver CC教程:编辑服务器端包含的内容
Dreamweaver CC教程:编辑服务器端包含的内容,服务器端,教程,检...