问题标签 [outerwidth]

我正在尝试编写一些 JavaScript 代码，允许我使用填充在其父元素中居中一个子元素。然后使用相同的函数使用“resize”事件重新计算间距。在你开始问我为什么不使用 CSS 做这件事之前，这段代码只是一个大项目的一小部分。我已经简化了代码，因为其余代码都可以工作，只会混淆主题。

计算空间- 这是计算子元素任一侧要使用的空间量的函数。

问题

尽管我已经成功地通过保证金获得了预期的结果。填充给我带来了问题。

1. 调整大小时似乎增加了外部元素的宽度
2. 它不能完美地居中子元素（似乎有偏移）
3. 内部元素在调整大小时折叠并变得不可见。

我意识到可能有一些关于填充的基本原理会导致我的问题，但是在大量控制台日志和观察返回的数据之后，我仍然无法解决问题。任何建议都会非常受欢迎。事实证明，这根本不可行。

HTML

CSS

JAVASCRIPT

示例-链接

我正在使用此脚本根据屏幕宽度加载小图像或大图像。

缺点是在手机上当有人从纵向到横向时它不会即时改变，我想使用 jquery 来做到这一点。

我在网上阅读了有关使用 window.outerWidth 或 .width() 等不同可能性的信息，我了解到 .width() 是浏览器兼容性方面的最佳解决方案。

我想将上面的脚本转换为 jquery 版本，但由于我对 javascript 几乎一无所知，所以我不知道该怎么做。这就是我所拥有的

如何使用 jquery 获得相同的输出？

谷歌搜索说 window.outerWidth 和 window.outerHeight 将返回当前窗口的外部尺寸。但是，我在 IE11 中打开的 HTA 文件为这些属性提供了“未定义”。我究竟做错了什么？

警报对话框显示“W = 未定义，H = 未定义”（该死）。

我编写了一个脚本，它根据窗口的宽度从文件中加载一些 html。

问题是在某些时候它无法工作

所以问题出在宽度上

• 1281px 到 1295px - 加载 tab.html 但应该加载 sektop.html
• 770px 785px - 加载 mobile.html 但应该加载 tab.html

请帮忙

为什么每个都不能得到隐藏元素的宽度？

我的代码：

结果：

但我认为应该是：

有任何想法吗？如何获得这些隐藏元素的宽度？

编辑：

我可以在这里得到隐藏元素的宽度：

结果：

为什么？

我有 4 种不同div的图像缩略图。对于缩略图单击，我创建了一个 jQuery 脚本来放大图像。放大图像适用于第一页#C1，但其余页面outerWidth返回 0。因此，放大图像未按预期显示。display: noneCSS 中设置为的类 collection-column 。在单击下拉菜单时，我fadeOut()用来隐藏它的所有兄弟，并显示当前的#(href 属性)。我不能使用visibility:hidden，因为它完全隐藏了页面。

如何outerWidth()为所有其他页面使用功能。

有没有人遇到过类似的问题？请帮忙！！

我有一个带有 css 集的图像元素

当我尝试使用.outerHeight()&通过 jQuery 获取高度和宽度时.outerWidth()，我可以正确获取高度，但宽度返回为 0。我什至尝试过 width()，innerWidth() 仍然相同。

我必须动态设置图像。也许这有一些问题。这是小提琴http://jsfiddle.net/abdulpathan/0vrbnpe3/3

有人可以帮我解决这个问题。

谢谢

我有li元素，我使用javascriptposition:absolute定位它们。transform:translate()当浏览器窗口调整大小时，我需要重新定位它们，它工作正常，但是当媒体查询之间和之间的li宽度发生变化时，元素在某些屏幕尺寸下无法正确定位，这是因为元素的实际与它不同中计算。50%25%widthjavascript

HTML：

CSS：

jQuery :

console.log()在某些屏幕尺寸中显示的宽度与实际宽度不同627px，当我再次调整窗口大小时，它工作正常。

我无法弄清楚为什么会发生这种情况以及如何解决它。

谢谢

在页面上： http ://local.finerock.com/engagement-rings/halo-engagement-rings.html

我正在使用 flexbox 来显示产品过滤器，并使用一个小 jquery 将子元素宽度设置为等于其兄弟元素，代码如下：

仍然比实际宽度更长，请参见屏幕截图。 在此处输入图像描述

我已经使用了所有选项，宽度、outerWidth 和 innerWidth，但结果仍然相同。

我有一个水平滚动网站，我希望当用户使用鼠标滚轮滚动（甚至是一点滚动）时，页面将自动水平滚动（100vw）。

我试图创建这个 js 脚本，但它只适用于 px 值。所以我试着放一个outerWidth或innerWidth，但滚动并不完美，它有一个轻微的偏移......