php - 加载带有特定 CSS 的 HTML 文件

Question

编写响应式网站我想实现移动版本和标准桌面版本之间的切换，就像维基百科网站所做的那样。

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

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

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

Answer 1

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

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

Answer 2

我认为使用 USER_AGENT 您可以找到用户是使用网络还是移动设备使用该网站。检测用户代理查找一些特定信息并在此基础上加载不同的 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