跳到主要内容

多屏预览 - Dreamweaver CS5

  • Dreamweaver CS5 & CS5.5

Dreamweaver 的多屏预览功能允许用户直接在 Dreamweaver 中预览适用于手机、平板和桌面分辨率的网页。
要启用多屏预览，请点击位于各种视图同一菜单栏中的 多屏 按钮。将弹出 多屏预览 窗口。

功能介绍​

媒体查询​

媒体查询按钮允许用户直接从多屏媒体面板管理、创建和控制媒体查询。

视口尺寸​

视口尺寸按钮允许用户编辑多屏媒体面板中每个预览器的视口大小。

浏览器导航​

预览器顶部的浏览器导航按钮的功能与普通浏览器栏相同，但主页按钮除外。主页按钮不一定总是返回 index.html 页面，它也可能返回当前打开的页面。

工作原理​

使用多屏预览时，所查看的页面利用了 CS5 的 WebKit 功能，渲染整个站点及其众多页面，使其完全可通过预览器访问。这允许链接和小部件正常工作，无需通过手机、平板等其他终端设备进行测试。
注意： 点击多屏预览外底部面板的窗口尺寸，可以在各种终端尺寸的屏幕上查看您的网站。

Dreamweaver 是 Adobe 推出的一款流行的网站和应用程序创建软件。它支持 HTML5、CSS3、PHP、FTP、jQuery 等，并兼容 HostGator 网络托管。

您可以访问 Adobe 官网或 Dreamweaver 教程学习门户，了解更多关于 Dreamweaver 的信息。