CSS mobile - 全屏后的纵向方向

Question

我有一个移动设备网站。从全屏模式返回时，我的肖像/风景有问题。

1. 我有横向模式的设备。
2. 我转到触发浏览器全屏模式的页面。
3. 现在当我点击某个链接并在其他页面上重定向时，全屏被禁用。那是对的。
4. 但是，现在当我切换到纵向模式时，网站就像横向模式一样。计算宽度与横向模式中的值相同。只有在从全屏模式返回后才会发生这种情况。

我的内容div设置了width: 100%;

Answer 1

尝试将max-width设为100%。这指定宽度不应超过100%

width仅设置初始值，每次屏幕尺寸更改时都不会重新计算

Answer 2

在方向改变后明确设置宽度有帮助。

$(window).on("orientationchange", function (e) {

    $(".page-content").width(screen.width);
});