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

【问题标题】：Change font of div after changing it's dimensions and rotating it更改尺寸并旋转后更改 div 的字体
【发布时间】：2020-06-29 00:31:57
【问题描述】：

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

有没有办法可以再次渲染 div，这样字体大小就可以根据新的 div 宽度/高度进行更改。只是重申屏幕宽度/高度没有改变。

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

【问题讨论】：

到目前为止你做了什么？

标签： javascript html jquery css

【解决方案1】：

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

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.
}

【讨论】：