我需要创建一个包含真实表格信息的 HTML 表格(或类似表格)，例如:
First name, Last name, Address 1, Address 2, City, State, Zip
因此，为了便于理解，这些数据应该放在一行/一行中。
但是，对于小型设备(手机)，这样做会导致文本非常小，我想“翻转”表格的方向，以便可以在设备处于“横向”状态时查看它模式。 IOW，用户将被迫旋转手机或用眼睛玩有趣的把戏。
如何做到这一点 - 当设备较小时，主动将 table 的方向从“纵向”切换为“横向”，并保持锁定在该方向，而不管电话用户使用他的设备进行何种旋转？
最佳答案
也许使用媒体查询来检测方向或简单地检测宽度并设置 transform:rotate(90deg) 可以工作。
这篇文章也可能相关/有帮助:Blocking device rotation on mobile web pages
关于css - 如何强制 HTML 表格在小型设备上旋转 90 度/"go vertical"？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33108235/