javascript - 如何使用两个 CSS 文件设置一个 HTML 文件的样式？

Question

我必须创建两个版本的网络应用程序:一个用于横向，一个用于纵向。但是我需要像通常在 iPad 中那样运行它们；在纵向模式下，纵向版本应该可以工作，如果模式是横向，则横向版本。

如何用一个 HTML 文件和两个 CSS 文件制作网站？

Answer 1

使用css3媒体查询

/* iPads (landscape) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}