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

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

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最小宽度才起作用。

上一篇:css中文字超出部分如何用省略号代替 下一篇:css怎么实现颜色渐变

相关推荐

  • ps如何快速放大缩小视图
    ps如何快速放大缩小视图 1、按【Ctrl+N】或点击【文件】菜单,在下拉菜单中选择【新建】。2、在新建对框中,设置好宽高以及分辨率后,点击【创建】。3、按住Alt……

    PS基础 发布于 2024-04-26 18:16:26 浏览 721

  • 电子证件照如何换底色
    电子证件照如何换底色 1、点击菜单栏中的【文件】,在下拉框选项中选择【打开】选项。2、在对话框中,选择证件照素材并点击【打开】按钮。3、点击【选择】……

    PS基础 发布于 2024-04-08 16:24:36 浏览 415

  • 如何修改证件照背景颜色
    如何修改证件照背景颜色 1、点击菜单栏中的【文件】,在下拉框选项中选择【打开】选项。2、在对话框中,选择证件照素材并点击【打开】按钮。3、点击【选择】……

    PS基础 发布于 2024-04-08 16:12:06 浏览 342

  • 如何压缩图片大小
    如何压缩图片大小 1、打开ps软件,按【Ctrl+O】或选中【文件】菜单,在下拉框中选择【打开】选项。2、在打开对话框中,选中需要处理的图片,然后点击【打开……

    PS基础 发布于 2024-04-08 15:57:39 浏览 373

  • ps如何打开标尺
    ps如何打开标尺 1、按【Ctrl+N】或点击【文件】菜单,在下拉框中选择【新建】。2、在对话窗框里设置宽高度以及分辨率,再点击【创建】。3、按【Ctrl+……

    PS基础 发布于 2024-04-08 15:55:22 浏览 529

  • 在Dreamweaver中如何快速输入代码
    在Dreamweaver中如何快速输入代码 1.打开dw软件,按【Ctrl+N】新建一个html文档。 2.在body中输入“ul>li>a”代码。 3.按Tab建快速创建代码。……

    DW基础 发布于 2022-05-04 09:30:32 浏览 577

  • Dreamweaver如何将窗口拆分成左右布局
    Dreamweaver如何将窗口拆分成左右布局 1.在打开的Dreamweaver软件中,点击【查看】菜单。 2.在【查看】菜单下拉框中,选择【拆分】,勾选【垂直拆分】。 3.再次选择【查看】……

    DW基础 发布于 2022-05-01 13:52:19 浏览 737

  • ppt如何去掉图片底色
    ppt如何去掉图片底色 1.在打开的ppt软件中,按【Ctrl+O】选择ppt素材并点击【打开】。 2.点击选中ppt中的图片素材,选择【图片格式】菜单。 3.在图片格式……

    PPT基础 发布于 2022-04-28 23:36:37 浏览 471

  • PHP生成csv表格时如何实现单元格内换行
    PHP生成csv表格时如何实现单元格内换行 1.在打开的dw软件中,按【Ctrl+O】打开createCSV.php文件。 2.在输出文字中间插入“chr(13)”和“chr(10)”,然后将文件上传到网站根……

    PHP基础 发布于 2022-04-28 18:02:04 浏览 462

  • 如何在Dreamweaver中开启实时视图
    如何在Dreamweaver中开启实时视图 1.在打开Dreamweaver软件中,选择【文件】菜单。 2.在【文件】菜单下拉框中点击【打开】。 3.在打开对话框中,选择素材html文件,点击……

    DW基础 发布于 2022-04-28 14:01:58 浏览 563