加载具有特定CSS的HTML文件
Load HTML file with particular CSS
编写一个响应式网站我想像维基百科网站一样实现移动版本和标准桌面版本之间的切换。
为此,我应该重新加载当前的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
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 导入jQuery脚本获胜'我不处理html文件
- 生成pdf或其他非html文件时的错误处理
- 如果使用javascript函数屏幕太小,我该如何更改HTML文件的背景色
- html文件中的script标记根本不起作用
- 从单独的html文件预览Javascript文本
- 从Chrome扩展名中的popup.html文件在background.js文件中运行一个函数
- Android在webview中加载带有javascript的html文件,得到Uncaught ReferenceEr
- 什么更好?使用iframe或jQuery之类的东西在外部网站中加载HTML文件
- 当我在浏览器中打开HTML文件时,javascript不起作用
- 如何在另一个html文件的框架中包含图像
- 压缩静态HTML文件中的JS和CSS
- 从HTML文件中的TypeScript(.ts)获取值
- 以HTML文件中的编码形式脱机存储图像
- ionic幻灯片框中的每张幻灯片都有不同的HTML文件
- 加载具有特定CSS的HTML文件
- 使用Gulp手柄部分编译为单个HTML文件
- 使用javascript检查服务器上是否存在html文件
- 在本地启动HTML文件
- javascript从选中的复选框中检索输入值,并在同一网页中显示多个html文件