使用特定CSS加载HTML文件

时间:2012-09-04 11:33:45

标签: php javascript css switch-statement

对响应式网站进行编码我想在移动版和标准桌面版之间实现切换,如维基百科网站。

为此,我应该重新加载当前的HTML文件,但强制它使用桌面的CSS文件,尽管它位于iPhone等移动设备上。

有可能这样做吗?我认为维基百科使用PHP。但也许JS也有一种方法。

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

4 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

我认为通过USER_AGENT,您可以找到用户是否使用网站或移动设备使用该网站。 检测用户代理查找某些特定信息并根据该负载不同的css

 $_SERVER['HTTP_USER_AGENT']; 

答案 2 :(得分:0)

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

答案 3 :(得分:0)

<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