发布于2022-06-04 18:52 阅读(1512) 评论(0) 点赞(2) 收藏(1)
我正在开发一个仪表板中带有可移动图表的应用程序。每个图表在元素的右上角都有一组选项,允许全屏、关闭图表等。由于图像差异(我无法更改),我不得不使用zoom
值。这在包括 IE7 在内的所有主要浏览器中都完全符合预期,但奇怪的是,不是 IE9。
如果您在 Chrome 和 IE9 中并排打开小提琴,您会看到该.icons
元素并非绝对定位到right: 0;
,实际上它是应有的距离的两倍。如果您无法重新创建它,如下所示。
图片在这里。如果有人可以编辑我的帖子并嵌入而不是此链接,我将不胜感激(没有 10 个代表)
底部的图片是我删除后的样子zoom: 0.5;
,并且这里的位置似乎right
正确。所以我只能假设它.icons
在考虑之前计算放置在哪里zoom
。
然而,知道这一点并没有让我更接近修复。有任何想法吗?
不幸的是,由于zoom
它不是标准的 CSS 组件,因此它的应用没有标准。
基本上,这zoom:0.5
会导致元素被切成两半,但 IE 正在分别它所占用的空间执行此操作,并将它们对齐到该幻像空间的左上角,而不是仅与父级对齐。它看起来离右侧更远,但实际上它在顶部排列,并与zoom:1
组件的左边缘对齐。
不幸的是,我想不出一个不基于 Javascript 的解决方案,但这就是问题发生的原因。
作者:黑洞官方问答小能手
链接:http://www.qianduanheidong.com/blog/article/365633/e964b33d20c1fcd6c3b0/
来源:前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容:(最多支持255个字符)
---无人问津也好,技不如人也罢,你都要试着安静下来,去做自己该做的事,而不是让内心的烦躁、焦虑,坏掉你本来就不多的热情和定力
Copyright © 2018-2021 前端黑洞网 All Rights Reserved 版权所有,并保留所有权利。 京ICP备18063182号-3
投诉与举报,广告合作请联系vgs_info@163.com或QQ3083709327
免责声明:网站文章均由用户上传,仅供读者学习交流使用,禁止用做商业用途。若文章涉及色情,反动,侵权等违法信息,请向我们举报,一经核实我们会立即删除!