BUG-由浏览器缩放引起PC端显示手机端视图

最新推荐文章于 2024-11-15 17:20:09 发布
最新推荐文章于 2024-11-15 17:20:09 发布
阅读量1.1k 收藏 9
点赞数 7
分类专栏： 报错 文章标签： bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yjj1123456/article/details/135283027
版权

文章目录

来源

启动Vue项目，用浏览器打开显示手机端视图，从vscode直接ctrl链接打开正常显示。
检查-未开启仿真，但仍显示错误。
在这里插入图片描述

解决

浏览器缩放问题。
修改为100%
在这里插入图片描述

猫三棂
关注
专栏目录
浏览器/html/css面试题----1
MingL520的博客
05-24 378
CSS hack是通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，CSS hack就是让你记住这个标准），以达到应用不同的CSS样式的目的。CSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。
vue如何在一个工程里显示pc和手机端（适用多页面复杂项目）
qq_37816525的博客
09-30 5598
App.vue <template> <div id="app"> <router-view></router-view> </div> </template> <script> import store from '@/store' import Router from 'vue-router' m...
H5手机端常见问题汇总
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
11-04 3356
1、防止手机中网页放大和缩小，这点是最基本的，最为手机网站开发者来说应该都知道的，就是设置meta中的viewport 还有就是，有些手机网站我们看到如下声明： &lt;!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"&gt; 设.........
HTML移动端开发常见的兼容性总结
weixin_44411302的博客
12-06 1462
1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3...
常见手机端兼容问题
weixin_30355437的博客
05-08 473
随着手机的普及，移动端的开发也成了一个重要的方向，但由于设备的不统一会造成一些兼容性问题， 1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960*640分辨率，在网页里只显...
openKylin 0.7.5 更新版本发布，完成 KMRE 适配，并修复 150+ 已知 Bug！
openKylin的博客
08-26 2409
自 openKylin 0.7 版本发布后，社区便积极从各个渠道汇总大家的反馈建议，并针对 0.7 版本存在的问题进行优化处理。同时，我们也发起了社区活动，邀请大家参与到版本测试中，与我们携手共建。终于，在多方努力下，openKylin0.7.5 更新版本操作系统正式发布。...
浏览器屏幕缩放bug修复
qq_31455841的博客
12-23 225
问题： ​ 浏览器缩放时，轮播图显示不全，滚动水平滚动条，发现图片缺失 解决： ​ 隐藏水平滚动条，页面都只提供垂直滚动条的需求 global.css /* 水平超出部分默认隐藏 */ #app { overflow: hidden; } ...
Cocos Creator 极速入门
热门推荐
GitChat
11-26 2万+
课程亮点 紧扣最新版特性解读，比官方文档更详实 官方范例源码解析，实战中掌握功能用法 实操个人游戏项目，由理论进阶实践应用 走通研发完整流程，快速上手 H5、小游戏开发 专家推荐 该课程对 Cocos Creator 官方实例工程做了详尽解说，并从作者多年引擎开发经验的角度，深入分析了其中的技术要点。对于想要快速掌握 Cocos Creator 功能用法的开发者，这是一个很不错的参考资料。 —...
移动端 浏览器中页面将以原始大小显示，不允许缩放
weixin_62601942的博客
12-27 260
<!-- 移动端 浏览器中页面将以原始大小显示，不允许缩放 --> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
浏览器、html、css面试题（一）
hrj970808的博客
11-12 3256
1.什么是盒模型 盒模型 margin(外边距)- 清除边框外的区域，外边距是透明的。 border(边框)- 围绕在内边距和内容外的边框。 padding(内边距)- 清除内容周围的区域，内边距是透明的。 content(内容)- 盒子的内容，显示文本和图像。 W3C的标准盒模型 在标准的盒子模型中，width指content部分的宽度 IE的盒模型 在IE盒子模型中，width表示content+padding+border这三个部分的宽度 css如何设置两种模型 这里用到了CSS3 的属性
测试实项中的偶必现难测bug--互斥逻辑异常
LYX_WIN
11-14 157
3、最后观察数据，发现后台出现了“热门”和“置顶”并行数据的情况，按照需求和正常操作，热门和置顶是互斥的，正常是不会出现的，顺着这个思路，我开了多个页签对同一篇文章做操作，还原了线上这个问题。因为首推池里的置顶和热门是互斥的逻辑，如果开多个页签对同一篇文章做热门和置顶的操作或者两个人对同一篇文章做置顶和热门的操作会出现上述情况。1、顺着这个逻辑，我们准备在预发复现这个场景，先是copy了一模一样的数据在预发，发现不会出现线上问题，排除了内容的可能性。
vue3 + naive ui card header 和 title 冲突 bug
三劫散仙
11-11 569
最近发现一个 naive ui 上的问题，之前好好的，某一次升级后就出现了一个 bug，Modal 使用 card 布局后，Header Solt 下面的内容不见了，变成了 title，因为这个 solt 里面是有操作 action 的，现在变成了 title 的文字覆盖了这块内容，在本地复现后，发现 naive-ui 高版本存在这个问题，因为 package.json 里面并没有锁定naive-ui 版本，所以每次升级发布后，npm 可能就会安装当前最新的版本。
猫狗识别之BUG汇总
a1111111111ss的博客
11-12 251
下载watt toolkit 下载地址：https://steampp.net/我有两万五图片大佬忘记分两个文件夹-我可以选择手动比较累，也没技术，我根据大佬。执行完毕会发现生成了几个文件夹，打开其中名为dist的文件夹。Pyinstaller -F _你py文件名字.py。根据这个大佬的博客可以解决会员观看问题。会员才能阅读，可以使用上述方法解决。可以下载后加速，访问github。三、CSDN很多会员才能阅读问题。一、github登不上去问题。六、多文件各自分类单独文件夹。二、猫狗总体参考核心。
测试实项中的偶必现难测bug--＜pre＞标签问题
LYX_WIN
11-11 280
iOS 和 Android 在渲染标签时的差异通常与浏览器的实现有关。iOS 设备的 Safari 浏览器对标签的处理较为宽松，自动处理换行符和空格。而 Android 上的浏览器（特别是 Chrome 和 WebView）可能存在兼容性问题，未能正确解析换行符（如\n）或空格，导致文本不换行。标签非常适合展示有格式要求的文本，尤其是代码段或具有特殊缩进的文本。如果没有正确显示，检查标签内是否有非预期的 HTML 标签或样式影响。
Wxml2Canvas小程序将dom转为图片，bug总结
精通前端技术，了解后端接口
11-12 386
我在做项目的时候遇到一个需求是将一个动态dom保存成图片这个功能，一开始想着要用canvas一点一点的去画，但是考虑到是动态的，这就导致会很麻烦，所以在网上到处查找资料，先是找到了html2Canvas，调试半天一直报错，最后看文档...还家伙不支持小程序，离大谱！一开始是有的手机上面显示的黑色背景，然后文字也是黑色的就导致全屏黑，所以加了一个白色背景图，但是我把这个白色背景图换成蓝色的时候还一样显示的是白色，不知为什么。1.显示文字 标签上面使用 data-type="text" 加上class名。
np.zeros_like奇怪的bug
qq_45759229的博客
11-14 231
结果如下这里发现这个bb的结果是没有赋值的。
uniapp解析蓝牙设备响应数据bug
烤奶要加冰的博客
11-11 495
本文章为了解决《uniapp 与蓝牙设备收发指令详细步骤(完整项目版)》中第十步的Array 解析成 number函数bug。
【BUG】Error: llama runner process has terminated: exit status 127
最新发布
心有猛虎细嗅蔷薇
11-15 300
本地私有化部署大模型，主流的工具是。但是笔者本地报错了，查下或者使用[三方镜像](https://docker.aityp.com/image/docker.io/ollama/ollama:rocm） rocm 是支持GPU的意思。初步分析是缺少cuda的驱动，版本是V12。到英伟达官网（需要注册）查到对应的驱动，因为rocm 底层操作系统镜像是centos，所有高版本的工具都没有了。出现的终端，输入accpet，然后下一个界面出现的“X”按Enter键取消，选择“Install”进行安装。验证。
项目中用户数据获取遇到bug
ytpedancerow的博客
11-14 298
因此我想要用result接受信息的时候会出错，报错显示为result.code没有该值。给get方法添加return。导致我无法获取到相应的数据。vue上也有了相应的展示。
ListView上下翻页效果.zip
11-15
ListView上下翻页效果
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值