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

Question

我必须创建两个版本的Web应用程序:一个用于横向,一个用于纵向.但我需要像平常一样在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 */
}