加载带有特定 CSS 的 HTML 文件答案

【问题标题】：Load HTML file with particular CSS加载带有特定 CSS 的 HTML 文件
【发布时间】：2012-09-04 11:33:44
【问题描述】：

编写响应式网站我想像 Wikipedia 网站那样实现移动版本和标准桌面版本之间的切换。

为此，我必须重新加载当前的 HTML 文件，但强制它使用桌面的 CSS 文件，尽管它位于 iPhone 等移动屏幕上。

有没有可能这样做？我认为维基百科使用 PHP。不过也许JS也有办法。

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

我认为使用 USER_AGENT，您可以了解用户是使用网络还是移动设备使用该网站。检测用户代理查找一些特定信息并在此基础上加载不同的 css

 $_SERVER['HTTP_USER_AGENT'];

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案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

【讨论】：