加载具有特定CSS的HTML文件 - Load HTML file with particular CSS

Load HTML file with particular CSS

本文关键字：HTML 文件 CSS 加载 | 更新日期: 2023-09-27

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

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

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

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

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

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

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

 $_SERVER['HTTP_USER_AGENT'];

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

<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