Css 如何强制HTML表格旋转90度；“垂直”；在小型设备上？

我需要创建一个包含真正表格信息的HTML表格（或类似表格），例如：

First name, Last name, Address 1, Address 2, City, State, Zip

因此，这些数据，为了便于查询，应该保存在一行中

但是，对于小型设备（手机），这样做会导致文本非常小，我想“翻转”表格的方向，以便在设备处于“横向”模式时查看。瞧，用户将被迫旋转手机或用眼睛玩有趣的把戏

---

如何做到这一点-当设备很小时，主动将桌子的方向从“纵向”切换到“横向”，并将其锁定在该方向，而不管手机用户使用其设备进行何种旋转？

可能使用媒体查询来检测方向，或者只需宽度和设置

变换：旋转（90度）

可以工作

---

这篇文章也可能是相关的/有帮助的：

也许可以使用媒体查询来检测方向，或者简单地使用宽度和设置

变换：旋转（90度）

---

这篇文章也可能是相关的/有帮助的：

也许可以使用媒体查询来检测方向，或者简单地使用宽度和设置

变换：旋转（90度）

---

这篇文章也可能是相关的/有帮助的：

也许可以使用媒体查询来检测方向，或者简单地使用宽度和设置

变换：旋转（90度）

这篇文章也可能是相关的/有用的：