更改 div 的尺寸并旋转后更改其字体

Question

我正在切换div的宽度和高度，并将其旋转90度 - 在某种程度上强制使用横向模式，而不管移动方向如何。 我面临的问题是，当div 最初呈现时，它的字体大小(非常小(。当我切换尺寸并旋转时，字体大小保持不变。现在div 变宽了，它不会变大。

有没有办法再次呈现div，以便根据新的div 宽度/高度更改字体大小。只是重申屏幕宽度/高度没有变化。

我正在使用jQuery - 以防万一通过它出现更简单的解决方案。

Answer 1

我只是希望这对其他人有所帮助。基本上，在不使用 direction.lock 的情况下强制方向的更优雅的方法是修改此处给出的解决方案。这样，如果有一个响应式页面，字体问题就不会出现。 因此，我的解决方案是

appWidth=Math.max(window.innerWidth,window.innerHeight);
appHeight=Math.min(window.innerWidth,window.innerHeight);
if(window.innerWidth<window.innerHeight) {
$("body").css({"width": "100vh", "height": "100vw", "height": "100vw", "transform": "translateY(100vh) rotate(-90deg)", "transform-origin": " top left"});
....
} else {
dont do anything.
}