1

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

我想要这个，因为我试图通过将“.container”旋转 -90 度并将其内容旋转 90 度来制作一个仅水平滚动页面的 CSS，例如http://jsfiddle.net/3cetk351/。

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

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

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

4

1 回答 1

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

于 2013-07-21T23:43:21.510 回答