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

2025-04-24 23:51:17

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浏览器进行不同终端显示模拟
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢