手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

html如何在Goole浏览器进行不同终端显示模拟

时间:2024-10-22 09:42:25

1、编写Html内容(这里直接写你自己的HTML内容即可)

html如何在Goole浏览器进行不同终端显示模拟

2、使用Goole浏览器打开HTML文件

html如何在Goole浏览器进行不同终端显示模拟

3、在打开的页面点击鼠标右键,然后点击检查(或者直接按键盘上的F12),即可弹出Goole浏览器调试窗口

html如何在Goole浏览器进行不同终端显示模拟
html如何在Goole浏览器进行不同终端显示模拟

4、在调试窗口点击左上角,切换设备工具栏选项,进入终端设备模拟选择界面

html如何在Goole浏览器进行不同终端显示模拟

5、红色箭头选择不同的大小的终端设备,粉色箭头是对应终端的尺寸大小,紫色箭头是终端屏幕显示的大小比例,黑色箭头是将终端长宽进行调换显示

html如何在Goole浏览器进行不同终端显示模拟

6、选择不同大小的终端设备,进行查看HTML页面的显示效果

html如何在Goole浏览器进行不同终端显示模拟
© 手抄报圈