html - CSS mobile - 全屏后的纵向

标签 html css mobile fullscreen landscape-portrait

我有一个移动设备网站。从全屏模式返回时我遇到纵向/横向问题。

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

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

最佳答案

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

width 只设置初始值,不会每次屏幕尺寸变化时都重新计算

关于html - CSS mobile - 全屏后的纵向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34069387/

相关文章:

html - 主动父 CSS

css - Mobile Safari Leading/Line-height 问题(使用@font-face)

javascript - 使用四元数的设备方向

android - 在移动设备上修改和启动 linux 内核

CSS固定顶部菜单不适用于移动设备

填充单元格高度的 HTML 标签,带有某种形式的填充

HTML 网页在台式机和平板电脑上显示良好,但在手机上显示不佳

html - 如何使用 Bootstrap 在 div 后面显示图像?

html - 更改网页中的 POST 值?谜语帮助?

javascript - 对所有类类型的 jQuery 选择器测试