safari浏览器计算div高度不一致

最新推荐文章于 2023-09-20 14:10:15 发布
原创 最新推荐文章于 2023-09-20 14:10:15 发布 · 2.3k 阅读 · 0 ·
CC 4.0 BY-SA版权

渲染之前window.onload是一个值，渲染完成之后是另一个值。

原因

解决方案

  • 统一给body设置line-height进行继承，这样计算高度就不会有问题了
关于不同浏览器获得clientWidth 与clientHeight 的不同结果
lq110713114的专栏
11-15 853
function getInfo() { var s = ""; s = " 网页可见区域宽：" document.body.clientWidth; s = " 网页可见区域高：" document.body.clientHeight; s = " 网页可见区域宽：" document.body.offsetWidth " (包括边线和滚动条的宽)"; s = " 网页可见区域高.
chrome safari 中input垂直居中对齐 行高问题line-height
Web前端开发——Kingwell's Blog
06-25 282
现在CSS Reset的时候，都流行使用line-height:1;了，这个明显的好处就是解决了在input Chrome与Safari里Input框里垂直居中的问题，有兴趣人鞋童可以试一下。
Chrome和Safari浏览器jquery width()获取不到高度的问题
xiongxyt2的专栏
12-04 2709
问题概要 ： 偶要遍历一组图片，遍历时需要获取其宽度，效果出来后，IE和Firefox都没有问题，唯独Chrome和Safari会出现获取不到图片宽度的情况。以往基本上是IE不兼容，这下出现Chrome和Safari不兼容了，倒觉得稀奇了，故写出来分享下。 注：代码修改之前，直接用的$(ele).width()来取图片的宽度。涉及代码： $(function(){ ... //此处省
document.body.clientHeight不能正确取到浏览器页面高度
weixin_34375054的博客
02-06 9387
2019独角兽企业重金招聘Python工程师标准>>> ...
DIV以及图片水平垂直居中兼容多种浏览器
09-22
这有助于确保用户无论在何种设备或浏览器上查看页面，都能获得一致的视觉体验。以下将详细介绍两种纯CSS方法以及一种JavaScript辅助的CSS方法来实现这种效果，同时确保兼容多种浏览器，包括IE7.0、IE6.0、IE5.5、IE...
vue div 高度有时自适应有时不自适应
11-06
我们在处理Vue中div高度有时自适应有时不自适应的问题时，需要从多个角度分析。根据提供的引用和常见问题，以下是可能的原因和对应的解决方案： 可能原因分析： 1. **单位使用问题**：在使用`vh`单位时，由于不同...
【浏览器兼容宝典】：确保div+css文本放大效果全浏览器一致的终极解决方案
[【浏览器兼容宝典】：确保div+css文本放大效果全浏览器一致的终极解决方案](https://jasonkenison.com/wp-content/uploads/2020/08/browser-zoom-example-1024x443.png) # 摘要 随着网络技术的发展，浏览器兼容性...
NodeViewContent 中添加div元素,但在浏览器上显示出来的不一样
最新发布
12-14
我们正在讨论在NodeViewContent中添加div元素后浏览器显示不一致的问题。根据之前的对话，用户遇到了在ProseMirror的NodeView中，当在NodeViewContent包裹的DOM结构内添加额外的div元素时，在不同浏览器中出现显示不...
商品卡片的大小和左侧导航栏高度不一致
05-10
好的，我现在需要解决用户的问题：商品卡片大小与左侧导航栏高度不一致，如何调整商品卡片的大小以匹配左侧导航栏的高度。用户提到使用的是CSS布局，所以应该从CSS方面入手。 首先，回顾用户提供的引用内容，引用[1...
回车换行在不同浏览器上字符数不一致的问题
ATASHIZJ的专栏
09-13 1059
<br />在IE下，换行符传入/r/n 在Firefox和谷歌浏览器下，换行符只传入了/n 因为后台程序默认是按照/r/n处理的，所以字符串就不匹配了。解决办法：如果发现传入的字符串只有/n，没有/r/n，则用正则表达式将/n替换成/r/n，然后再进行业务处理即可。
关于H5项目safari高度适配的问题
weixin_44901028的博客
01-17 4981
safari中高度不是100%问题解决方案判断safari浏览器打开为什么Chrome有Safari字段？其他的浏览器也有吗？ 问题 最近再写H5的项目，由于H5的项目以前接触较少，这次也是遇到了一些的问题 我在项目中设置了HTML，body高度100% 然后具体的盒子设置了 width:100vw; height:100vh; 然后从微信和app中打开是没有问题的，高度可以撑满屏幕，但是通过s...
h5页面height设置100vh在safari浏览器显示问题
莉兹Liz的博客
01-07 5613
问题： h5页面高度height设置为100vh，底部按钮设置bottom为8vh，在微信和其他浏览器显示正常，safari浏览器中按钮显示不全 产生原因： safari浏览器中height包括网址栏、功能列、wrap，IOS15更新后网址栏还跑到了页面下方功能列之上，看着就不舒服：）当然设置中可以修改，可自行百度 其他浏览器height只包括wrap safari为什么要这么设计呢，找到了篇文章，一大佬在GitHub中提的问题，其中一小哥调侃语气—— This is completely intenti
获取div的高度
weixin_34195142的博客
10-11 7938
1、获取div的文档总高度（必须DOM操作）： var scrollHeight=document.getElementById("inner").scrollHeight; // jq中没有scrollHeight -只有scrollTop():// 所以用DOM操作获取元素并计算scrollHeight。12342、获取div的窗口显示高度： var height=$("#inner")...
IOS系统safari浏览器，上拉加载列表使用vh计算高度布局的问题
m0_56363729的博客
02-02 1313
IOS系统safari浏览器，上拉加载列表使用vh计算高度布局的问题
【前端】子元素加margin，父元素div高度计算错误--margin越界
michiko98的博客
11-04 844
css margin越界 父子元素
如何使用JavaScript获取DIV元素的高度
CodeWhizZ的博客
09-20 1229
在JavaScript中，我们经常需要获取HTML元素的属性值，比如DIV元素的高度。通过JavaScript，我们可以轻松地获取DIV元素的高度，并在需要的地方使用这个值。将DIV元素的高度打印到浏览器的控制台中。你也可以将高度的值用于你的代码逻辑中，而不仅仅是打印出来。属性返回一个整数，表示元素的像素高度，包括元素的边框、内边距和滚动条（如果存在）。为你自己DIV元素的ID。例如，如果你的DIV元素的ID是。替换为你自己DIV元素的ID，以正确获取元素的高度。这段代码可以用于任何具有ID的DIV元素。
IOS/Safari下document对象的scrollHeight值比Chrome更大
weixin_30399797的博客
07-04 771
之前写滚动加载更多需求时，写了这样一段错误代码 应该获取滚动列表的scrollHeight、clientHeight和scrollTop而不是整个页面的。 因为整个页面不仅包括了滚动列表，还包括了头部，导致产生了BUG:在IOS下无法滚动加载更多。 虽然bug解决了，解决办法是给滚动列表加上ref,然后通过$refs来访问dom节点获取更加准确的scrollHeight、cli...
h5页面在Safari浏览器中高度适配问题
qq_39742704的博客
12-22 2836
在开发H5时，页面高度设置100vh，使用Safari浏览器打开时底部导航会被遮挡，但在微信、app、及其他打开方式中显示正常。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值