如何在小型设备上强制 HTML table 旋转 90 度/"go vertical"？
How can I force an HTML table to rotate 90 degrees / "go vertical" on a small device?
我需要创建一个包含真实表格信息的 HTML table（或类似的东西），例如：
First name, Last name, Address 1, Address 2, City, State, Zip
因此，为了便于理解，这些数据应该放在一个 line/row 上。
但是，对于小型设备 (phones)，这样做会导致文本非常小，我想 "flip" table 的方向，所以可以使用 "landscape" 模式下的设备进行查看。 IOW，用户将被迫旋转他们的 phone 或用他们的眼睛玩有趣的把戏。
如何实现 - 在设备较小时主动将 table 的方向从 "portrait" 切换到 "landscape"，并在任何情况下都将其锁定在该方向phone 用户使用他的设备旋转？
也许使用媒体查询来检测方向或简单地宽度和设置 transform:rotate(90deg) 可以工作。
这个post也可能是relevant/helpful：Blocking device rotation on mobile web pages
我需要创建一个包含真实表格信息的 HTML table（或类似的东西），例如：
First name, Last name, Address 1, Address 2, City, State, Zip
因此，为了便于理解，这些数据应该放在一个 line/row 上。
但是，对于小型设备 (phones)，这样做会导致文本非常小，我想 "flip" table 的方向，所以可以使用 "landscape" 模式下的设备进行查看。 IOW，用户将被迫旋转他们的 phone 或用他们的眼睛玩有趣的把戏。
如何实现 - 在设备较小时主动将 table 的方向从 "portrait" 切换到 "landscape"，并在任何情况下都将其锁定在该方向phone 用户使用他的设备旋转？
也许使用媒体查询来检测方向或简单地宽度和设置 transform:rotate(90deg) 可以工作。
这个post也可能是relevant/helpful：Blocking device rotation on mobile web pages