Jssor滑翔机相对尺寸在IE11中引起误差
Jssor滑翔机相对尺寸在IE11中引起误差
提问于 2015-06-03 08:17:39
我对IE11中滑块容器的相对尺寸有问题(Jssor 18.0)。
HTML结构：
- 有一个绝对尺寸的外部div (宽度和高度以像素为单位)。
- 有内部div，为其创建滑块，具有相对尺寸(宽度=高度= 100%)。
该滑块在Firefox 38和Chrome 43中运行良好。在IE11中发生以下错误(任何IE，我尝试了IE9、IE10和IE11)：
无法缩放jssor滑块，“外部容器”的“尺寸”无效。请以像素为单位指定“维度”。例如'dimension: 600px;‘
对于绝对尺寸，滑块在所有浏览器中都是一样工作的。
问题是，我可以在IE11中使用滑块容器的相对尺寸吗？
CSS和HTML：
.npw-banner {
width: 720px;
height: 480px;
}
.npw-banner .npw-slider-container {
width: 100%;
height: 100%;
} <!-- outer div with absolute dimensions -->
<div class="npw-banner">
<!-- slider div with relative dimensions -->
<div id="banner_slider_container" class="npw-slider-container">
<div class="npw-slides" u="slides">...</div>
<div u="navigator" class="npw-navigator">...</div>
</div>
</div>
这是小提琴。
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-06-03 10:28:56
Jssor滑翔机调整宽度/高度，以像素为单位。有关细节，请参阅文档- http://www.jssor.com/development/reference-ui-definition.html。
如果存在约束，且尺寸不能以像素为单位指定，则可以使用jQuery计算绝对值。
示例：
var $container = $("#" + containerId);
var containerWidth = $container.width();
var containerHeight = $container.height();
$container.width(containerWidth);
$container.height(containerHeight);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30614495
复制相关文章
相似问题
腾讯云开发者
