自己写的HTML与浏览器用截图工具量出来的尺寸不一致

最新推荐文章于 2023-02-13 10:14:38 发布
最新推荐文章于 2023-02-13 10:14:38 发布
阅读量935 收藏 1
点赞数 1
分类专栏： 娱乐 文章标签： html 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/littleAsavakit/article/details/122579582
版权

自己写的HTML与浏览器用截图工具量出来的尺寸不一致border-style: dashed; height: 200px; width: 200px; border-width: 2px; border-color: chartreuse;
在这里插入图片描述明显大了50px

解决办法，win10设置中有屏幕适配尺寸，我的是125%，这个尺寸是适应电脑屏幕推荐的，改完之后很丑，但是尺寸对了。等孩子有钱了先买一个好显示器

改成
改成100%就好了

兔子不会写代码
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
剪贴板检查器：一种浏览器工具，用于查看剪贴板中可用于“粘贴”事件的内容
01-31
剪贴板检查器 在网络浏览器中使用剪贴板存在许多不一致之处。 当您将某些内容粘贴到网页上时，此工具可帮助您浏览剪贴板的内容。 在线运行： ： 从剪贴板读取 paste事件包含clipboardData属性，该属性具有以下感兴趣的属性： types是剪贴板中可用的MIME类型的数组； items是DataTransferItem对象的列表（ DataTransferItemList ）; files是剪贴板中可用的File对象的列表。 此外， clipboardData包含getData(type)方法，以获取特定格式的数据的字符串表示形式。 在我们的上下文中， DataTransferItem.getAsString()似乎没有用，因为可以通过其他方法同步读取文本数据。 规范 ，编辑草稿。 情境 探索各种情况下Chrome，Firefox和Safari的行为。 粘贴纯文本内容 所有浏览器均具有text/plain类型，并且内容易于访问。 粘贴HTML内容 所有浏览器都以text/html类型提供HTML内容，并以text/plain类型提供简化的内容（类似于.innerH
解决前端页面在笔记本和台式显示器比例大小不一问题（适配笔记本125% 150%缩放解决方法）
小匠的Blog
06-13 4991
适配笔记本125% 150%缩放解决方法
使用html2canvas实现页面内容截屏效果，并生成图片保存到本地，兼容屏幕文本应用缩放情况
weixin_44434938的博客
02-13 1898
使用html2canvas实现页面内容截屏效果
html2canvas截图问题小结
Neokekeke的博客
05-19 771
传送门：html2canvas官网 原理： 首先html2canvas截图的原理是分析需要截图的dom元素部分，这部分需要截图的dom是需要显式存在整个页面的dom文档流中的，意思就是需要被截图的dom的样式不能是隐藏（opacity: 0 或 displa: none）。 场景：移动端H5页面海报分享，页面海报显示和保存的海报需要不一样（如带上用户昵称等）？ 小结： 既然显示的和保存的海报需要不一样，又需要生成的海报显示存在dom中，其实可以使用绝对定位，并调整一下截图区域的层叠关系z-in..
前端页面大小自适应的问题
m0_56698268的博客
08-13 5219
解决前端页面屏幕大小自适应的问题
“截图尺寸和浏览器CSS像素设置不一样”解决方法
❀雾里看花花里看雾❀
09-10 2861
我们在学习前端时，经常会遇到一个问题，就是qq截图或者FastStone Capture截图和我们在CSS里面设置的像素不一样。 我写了一个很简单的例子，演示如下： 为了观看方便，我特意设置了背景颜色： 上述我设置的是400460px，但是我使用qq和FastStone Capture截图都是600690，我当时还很好奇来着，这是为什么呢？ 可能有 ...
[前端] 关于html元素大小理论值和测量值不一致的问题
swordtraveller的博客
02-21 1592
场景: 我做了一个理论值width:200px的盒子： 可是，测量值却是250px： 这到底是为什么呢？ 其实，答案很简单，回到桌面，右键，显示设置： 可以看到显示缩放倍数是125%，也就是1.25倍，而250/200=1.25 至此，谜底就揭开了。 ...
解决前端设计window高分屏缩放导致截图工具量出来的尺寸和实际设计尺寸不一致的问题
鑫宇的博客
01-18 1767
在前端学习过程中,我们可能经常"借鉴"一些其他网站的设计,但是坑爹的window对高分屏的适配一直不太完美,为了更好的显示效果我们必须设置缩放 但是这样一来的话,我们在网站页面用测量工具测量的结果就会变得不准确,是放大后的数值 测量结果: 一个100像素的块正好变成了125像素 解决办法: 既然window放大了 那就让浏览器缩小 两者相互抵消 如果你的电脑也是放大了1.25倍,那就让浏览器缩小1.25倍即可,即缩放页面到80% 其他比例自己计算即可 效果: ...
css实现六角星
qq_39039128的博客
09-23 1209
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
盒子边框宽度和设置的值不符的原因
qq_45852515的博客
09-12 1130
盒子边框宽度和设置的值不符的原因
HTML开发像素测量工具
11-03
HTML开发像素测量工具，可以检测出像素的大小，方便前端人员开发
ACRT:此存储库存储可访问性一致性报告工具（ACRT）工具的文件。 该工具是基于浏览器的独立应用程序，用于跟踪可访问性测试结果
05-03
这是一个基于浏览器的独立应用程序，它记录测试人员的可访问性测试结果，所有输入数据将以JSON和/或html文件存储在本地计算机中，可以根据需要与其他人共享。 可以根据需要进一步处理JSON文件上的信息以进行分析和...
dohjs:通过HTTPS客户端的DNS，可在浏览器中使用
05-01
允许Web应用程序以与跨源资源共享（CORS）一致的安全方式，通过现有的浏览器API访问DNS信息。 特征 通过HTTPS客户端实施完全兼容的DNS 支持GET和POST线格式查询 HTTPS上的命令行DNS查找工具 尝试dohjs的Web界面 ...
videowebscript:几种工具，可将大量媒体转化为简单的网页
05-17
有了足够HTML5兼容浏览器，这实际上为您打开内容的任何计算机上的内容提供了一致的，可移植的用户界面。 ## Wiki文档 转到 ，以获取有关如何使用和自定义此功能的更多详细信息。 ##视频播放列表 现在v2.2支持视频...
【前端素材】小游戏-工具-21.图片放大镜.zip
最新发布
04-04
它是一个 CSS，HTML 和 JS 的集合，它使用了最新的浏览器技术，给你的 Web 开发提供了时尚的版式； AJAX，创建交互式网页应用的网页开发技术。 前端游戏设计是游戏开发中至关重要的一部分，它涉及到游戏的外观、交互...
keil lib 只调用自己的函数_开源一个自己 正在写的调试器，希望可以给你看到不一样的烟火...
weixin_33586619的博客
12-14 146
0x00 前言几年前，刚接触逆向的时候，自己就萌生一个要单独写一个调试器的想法(当时就觉得自己动手做一个项目，是学习最快的途径)。但彼时的我没有那么多时间去折腾。今年意外地得到一份比较长的病假，遂想着把当时的初衷给完成了。经过一段时间的学习和探索，虽然还不能完全实现自己理想中的调试器，但也已经初具雏形了。那我为啥选择这个时候发出来，而不是等到完成之后再发呢？因为随着项目的推进，自己也开始觉得个人能...
前端宽度一至显示宽度不一致_html2canvas在不同设备生成图片大小不一致问题
weixin_28689507的博客
12-24 1947
场景描述：使用html2canvas将移动端的一整个页面或者页面中的部分内容生成图片。当要生成的内容宽高不固定时，比如：全屏显示的页面，那么，在不同分辨率设备上，就会生成出不同大小的图片，虽然生成的图片与设备显示的样式几乎一样，但是，不同的设备生成的图片就还有不小的差异，有的需求是想要生成大小一样的图片，无论在IOS或者安卓设备上，比如你生成的这张图片是一张宣传海报，那么固定尺寸的图片会有更好的效...
网站前端设计中解决不同分辨率电脑测量尺寸不同的问题
Life_android的专栏
05-07 5158
在刚接触前段的时候，通常最先接触的是HTML+CSS的开发模式，有的时候需要借鉴别的网站的设计效果，这就需要用到截图工具（PrtSc键），但是不同分辨率的计算机截图实际测量结果是不同的。比如，我的电脑屏幕分别率比较高，官方推荐将分辨率调到150%。但是这样使用PrtSc键截图出来的数据并不准确（例如，我在css中设置height:26px，当我的分辨率调到150%时，使用PrtSc键截图出来的测量
网页截图像素与实际像素不一致问题
weixin_30672295的博客
07-05 2818
1. 网页缩放或者放大问题 解决方式：按住Ctrl键并滑动鼠标滚轮将缩放比调至100%，看是否解决。 2. 系统的显示里面是否将文本调大或调小了 进入控制面板>选择外观和个性化>显示看是否是100%。 解决方式： 进入控制面板，点击外观和个性化，再选择显示将屏幕大小调至100%即可 转载于:https://www.cnblogs.com/danruoyanyun/p/1113...
html2canvas生成图片（图片样式和显示样式不一致）
06-08
如果你使用html2canvas生成的图片样式和显示样式不一致，有可能是因为html2canvas不能完全处理复杂的CSS样式。一些CSS属性可能会被忽略或不正确地呈现在生成的图像中。 这个问题的解决方法可能会因情况而异，但下面...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值