使用Dreamweaver cs6软件测试手机hmtl页面

 时间:2024-10-12 00:35:53

1、首先我们需要打开自己的电脑,然后找到Dreamweaver cs6的快捷方式,单击打开,如果没有这个软件,我们可以去百度搜索下载一个。

使用Dreamweaver cs6软件测试手机hmtl页面

2、然后我们选择Dreamweaver软件上方工具栏中的“文件”—“打开”然后在文件夹中浏览选择一个我们做过的手机端页面

使用Dreamweaver cs6软件测试手机hmtl页面

3、浏览到相应的html页面后,我们点击确定,便打开了相应的html页面,进入到了软件的编辑页面。

使用Dreamweaver cs6软件测试手机hmtl页面

4、这是一个手机端的页面,我们可以在pc端的浏览器中浏览但是效果不是很好,大家可以看一下。

使用Dreamweaver cs6软件测试手机hmtl页面

5、这时我们可以点击Dreamweaver cs6软件的文件菜单,在弹出的下拉菜单中选择多屏预览一项。

使用Dreamweaver cs6软件测试手机hmtl页面

6、这时我们可以看到软件的弹出框中显示“电话”一项,即是页面在手机端的显示效果。

使用Dreamweaver cs6软件测试手机hmtl页面

7、默认的电话页面的大小是320*300,我们点击此多屏预览窗口右上角的视口大小,可以调整手机端浏览页面的大小。

使用Dreamweaver cs6软件测试手机hmtl页面
  • Adobe Dreamweaver(DW)手机版调试预览网页
  • Ae 2019 怎样更改合成的宽和高?
  • VisualStudio如何创建默认样式表模板?
  • unity如何重新加载场景
  • Animate中怎么调整元件在时间轴的时间
  • 热门搜索
    心理健康手抄报资料 爱我家乡手抄报 关于国庆节手抄报 绿色生活手抄报 国庆节手抄报简单又漂亮字少 苗苗手抄报 获奖手抄报 我也追星手抄报 手抄报感恩老师 小学英语手抄报图片