当前位置: 首页 > 面试题库 >

检索CSS3缩放元素的宽度/高度

司寇阳朔
2023-03-14
问题内容

我正在与offsetWidth属性的怪异(我认为)作斗争。
这是场景:

可以说,我的js中有一个 span 标签,在某个时候,我对该元素执行css3转换,例如:

        el.set('styles', {
            'transform':'scale('+scale+', '+scale+')',      /* As things would be in a normal world */
            '-ms-transform':'scale('+scale+', '+scale+')',      /* IE 9 */
            '-moz-transform':'scale('+scale+', '+scale+')',         /* Moz */
            '-webkit-transform':'scale('+scale+', '+scale+')',  /* Safari / Chrome */
            '-o-transform':'scale('+scale+')'       /* Oprah Winfrey */ 
        }); 
        w = el.getWidth();
        console.log('after scaling: ' + w);

此时,日志返回模糊值,就像它不知道说什么一样。
有什么建议吗?


问题答案:

getBoundingClientRect() 为我返回正确的值。



 类似资料:
  • 问题内容: 假设我希望在浏览器的显示(视口)中居中。为此,我需要计算元素的宽度和高度。 我应该使用什么?请提供有关浏览器兼容性的信息。 问题答案: 您应该使用和属性。请注意,它们属于元素,而不属于。 执行CSS转换后,函数将元素的尺寸和位置作为浮点数返回。

  • 问题内容: 假设我希望在浏览器的显示(视口)中居中。为此,我需要计算元素的宽度和高度。 我应该使用什么?请提供有关浏览器兼容性的信息。 问题答案: 您应该使用和属性。请注意,它们属于元素,而不属于。 执行CSS转换后,函数将元素的尺寸和位置作为浮点数返回。

  • 需求是,一个外部div包住内部div,内部div固定宽高比,比如为4:3,外部div的宽高完全未知。 内部div一定要居中并且放大到最大,要么宽度撑开要么高度撑开直到贴边。 简单点来说就是如果外部div的宽高比>4:3,就把内部div放大到高度与外部div一致,反之则是宽度一致。 用js我知道怎么写,想知道用css(也可以是less)怎么写

  • IE 9/10/11存在一个已知的问题,如果您有一个SVG文件,其中元素指定了宽度和高度,然后使用标记的属性缩放SVG图像,IE就不能正确缩放图像。 我遇到过这个问题。我有一系列SVG标志图标。对于美国标志图标,SVG对象写成: 下面是SVG的全部源代码。 我将SVG插入到带有标记的HTML文档中,并将其缩放为20x15: null 在Chrome 39上,SVG的渲染方式如下所示: 但在IE10

  • 我创建了一个带有foreignObject文本的SVG,并使用img标记将其链接到HTML页面中。 问题是svg的宽度是按设备缩放的,但高度固定在153px左右。我已经将svg的宽度和高度设置为100%。 我不能为svg提供固定的高度,因为我希望文本部分响应和按设备缩放。 在这种情况下,我不能使用任何JS来解决任何问题。

  • 问题内容: 我有一组元素,要求它们的最小宽度等于它们的高度,但是高度没有明确设置。目前,我可以通过jQuery 设置css 属性来实现此目的: 是否可以直接在CSS中指定此行为? 问题答案: 我不相信没有JS,这是不可能的,但是也许有人可以证明我错了? CSS不允许您使用动态变量,因此,如果在页面加载之前未设置高度,我不确定该怎么做。