停止在智能手机上自动旋转我的网站

【问题标题】：stopping auto rotation of my site on smartphones停止在智能手机上自动旋转我的网站
【发布时间】：2014-11-05 01:57:49
【问题描述】：

我在我的网站上用 CF 和 javascript 创建了一个智能手机界面。它似乎在我测试过的智能手机上运行良好。问题是它是垂直对齐，水平图像逆时针旋转 90 度，因此该网站有一些照片，手机必须顺时针转动以保持图像大小和比例。

我使用此代码获取浏览器大小并创建适合的网站：

window.location.href = "1.cfm?Wth=" + size.width + + size.height + "";

有什么方法可以指示手机或浏览器不要自动旋转？最好使用 javascript。

【问题讨论】：

【解决方案1】：

您无法在智能手机浏览器上禁用自动旋转。
即使可以，也不应该。它对用户不友好。

但如果你真的想要，有一个肮脏的技巧，涉及将整个页面返回到旋转事件：Blocking device rotation on mobile web pages。

如果只是图像大小问题，请在触发旋转屏幕事件时调整图像大小。

【讨论】：

猜对了，达米安。只需要求访问者关闭自动旋转，但似乎很少有人知道如何做到这一点。给他们一张我猜的小图标的照片……就重新调整图像大小而言。它真的会使水平的变小，它们看起来会在窗口中丢失。
是的，要求访问者关闭自动旋转是不可能的，他们不知道如何做到这一点，这是一个非常糟糕的做法。我认为你必须重新设计你的界面。通常以百分比为单位的 CSS 值和一些媒体查询来完成这项工作。