Question

我希望.container的身高动态设置为<body>的宽度及其身高到<body>的宽度，它应该在调整窗口大小时改变。

我想要这个，因为我试图通过将`.container'-90度及其内容旋转90度la http://jsfiddle.net/3cetk351/来制作一个只有水平滚动页面的CSS。

该容器目前具有100％的高度和高度。宽度，但一旦它通过CSS旋转，它保留其继承的尺寸，不会延伸到浏览器窗口大小，我认为这是合乎逻辑的。

除了更改jquery插件中的值之外，我不太了解javascript，但我认为可以使用js动态更改.container的 height 和 width < / em>分别为<body>的计算宽度和高度。

jsfiddle：http://jsfiddle.net/jklm313/ZaLHM/

Answer 1

这是你要追求的那种东西吗？

var supportsOrientationChange = 'onorientationchange' in window, orientationEvent = supportsOrientationChange ? 'orientationchange' : 'resize';

var $containment = document.getElementsByClassName('containment')[0];

$containment.style.width = window.innerHeight + 'px';
$containment.style.height = window.innerWidth + 'px';

window.addEventListener(orientationEvent, function() {
    $containment.style.width = window.innerHeight + 'px';
    $containment.style.height = window.innerWidth + 'px';
}, false);

这是你的笔的一个分支：http://codepen.io/stowball/pen/AIbHn

动态地将元素的高度设置为宽度，将宽度设置为高度

1 个答案: