展开

pc页面在移动端查看如何等比缩放

发布于 2022-05-23 20:17:30     浏览 380

pc页面在移动端查看如何等比缩放
1.在head标签内加入meta标签代码。
2.在css中设置html和body标签最小宽度1300px。
3.使用浏览器查看效果。

适用环境:

型号:台式机
系统:win10
版本:css3

问题解析:

【】

1、
欢迎访问抉信网 www.juexinw.com
添加meta标签
在head标签内加入meta标签代码。<meta name="viewport" content="width=device-width" />
pc页面在移动端查看如何等比缩放
在head标签内加入meta标签代码。
2、
欢迎访问抉信网 www.juexinw.com
设置body最小宽度
在css中设置html和body标签最小宽度1300px。html,body{ min-width: 1300px;}
 

pc页面在移动端查看如何等比缩放
在css中设置html和body标签最小宽度1300px。
3、
欢迎访问抉信网 www.juexinw.com
查看效果
使用浏览器查看效果。
pc页面在移动端查看如何等比缩放
使用浏览器查看效果。

总结/注意事项:

单独使用meta标签在某些浏览器看不到效果,需要设置body和html最小宽度才起作用。

相关推荐

猜你可能喜欢

点击加载更多