用特定的CSS加载HTML文件

Question

对响应站点进行编码我想像Wikipedia站点那样在移动版本和标准桌面版本之间实现切换。

为此，我应该重新加载当前的HTML文件，但是尽管它位于iPhone之类的移动屏幕上，但强制其将CSS文件用于台式机。

有可能这样做吗？ 我认为Wikipedia使用PHP。 但也许JS也有办法。

我将非常感谢您的帮助。 提前致谢。

Answer 1

@media handheld {
  #foo { position: static; }
}

http://www.w3schools.com/css/css_mediatypes.asp

Answer 2

我认为，通过USER_AGENT，您可以找到用户是通过Web还是移动设备使用网站。 检测用户代理以查找一些特定信息并基于该负载加载不同的CSS

 $_SERVER['HTTP_USER_AGENT']; 

Answer 3

您还可以使用php脚本来检查终端设备，加载相应的CSS文件，甚至是完全不同的html文档。 我使用此脚本工作。

Answer 4

<style>
 @media screen
 {
   p {font-family:verdana} //an example with a paragraph
 }
 @media handeld
 {
   p {font-family:arial}  //an example with a paragraph
 }
</style>

这应该为两个工作！ 阅读http://www.w3schools.com/css/css_mediatypes.asp