广告区

广告区


本站消息

站长简介/公众号


关注本站官方公众号:程序员总部,领取三大福利! 福利一:python和前端辅导 福利二:进程序员交流微信群,专属于程序员的圈子 福利三:领取全套零基础视频教程(python,java,前端,php)

 价值13000svip视频教程,前端大神匠心打造,零基础前端开发工程师视频教程全套,基础+进阶+项目实战,包含课件和源码

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

缩放 IE9 的奇怪错误

发布于2022-06-04 18:52     阅读(1055)     评论(0)     点赞(2)     收藏(1)




我正在开发一个仪表板中带有可移动图表的应用程序。每个图表在元素的右上角都有一组选项,允许全屏、关闭图表等。由于图像差异(我无法更改),我不得不使用zoom值。这在包括 IE7 在内的所有主要浏览器中都完全符合预期,但奇怪的是,不是 IE9。

http://jsfiddle.net/YkTjp/7/

如果您在 Chrome 和 IE9 中并排打开小提琴,您会看到该.icons元素并非绝对定位到right: 0;,实际上它是应有的距离的两倍。如果您无法重新创建它,如下所示。

图片在这里。如果有人可以编辑我的帖子并嵌入而不是此链接,我将不胜感激(没有 10 个代表)

底部的图片是我删除后的样子zoom: 0.5;,并且这里的位置似乎right正确。所以我只能假设它.icons在考虑之前计算放置在哪里zoom

然而,知道这一点并没有让我更接近修复。有任何想法吗?


解决方案


不幸的是,由于zoom它不是标准的 CSS 组件,因此它的应用没有标准。

基本上,这zoom:0.5会导致元素被切成两半,但 IE 正在分别它所占用的空间执行此操作,并将它们对齐到该幻像空间的左上角,而不是仅与父级对齐。它看起来离右侧更远,但实际上它在顶部排列,并与zoom:1组件的左边缘对齐。

不幸的是,我想不出一个不基于 Javascript 的解决方案,但这就是问题发生的原因。


关注本站官方公众号:程序员总部,领取三大福利! 福利一:python和前端辅导 福利二:进程序员交流微信群,专属于程序员的圈子 福利三:领取全套零基础视频教程(python,java,前端,php)
关注公众号:程序员总部,回复前端,免费领取 全套前端视频教程,关注公众号回复前端充值+你的账号,免费为您充值1000积分






所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/365633/e964b33d20c1fcd6c3b0/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

2 0
收藏该文
已收藏

评论内容:(最多支持255个字符)