在JavaScript中，你可以使用CSS的transform: translateZ(0)属性来强制横屏显示。这个属性在CSS3中被添加，但在一些较老的浏览器中可能不支持。

例如：

css .my-element { transform: translateZ(0); }

在CSS3中，你可以使用@media规则来为不同的设备设置不同的CSS样式。例如：

css @media only screen and (max-width: 768px) { .my-element { transform: translateZ(0); } }

这种方法的好处是，你可以为不同设备设置不同的CSS样式，这样就可以确保你的网页在所有设备上看起来都很好。

在JavaScript中，你可以使用window.matchMedia函数来检测设备的屏幕大小，并根据屏幕大小来改变CSS样式。例如：

javascript window.matchMedia((screen) => { if (screen.width < 768) { // 横屏显示 } else { // 垂直显示 } });

这种方法的好处是，你可以根据设备的屏幕大小来改变CSS样式，这样就可以确保你的网页在所有设备上看起来都很好。