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浏览器进行不同终端显示模拟
  • 良品生活地板展架安装教程(图文)
  • 获取浏览器的高度
  • 判断是否为同一个对象
  • 蒸汽拳皇手游肉山降临活动怎么玩?
  • 昆明西山森林公园旅游攻略
  • 热门搜索
    复方玄驹胶囊的功效与作用 交强险保什么 疫情防控知识 藏红花的作用与功效 开辟什么 激素的作用 生理盐水的作用 知识就是力量杂志 柠檬酸的作用 叶酸片什么牌子好