有一个网站引用了一个 .js 文件和一个 .css 文件来格式化和向其页面添加动态元素。该网站提供了引用我自己的 .js 和 .css 文件版本的选项,这些文件是我托管在谷歌代码存储库中的,然后将使用这些文件。
我正在尝试添加另一个用于移动浏览的 css 文件。目前我在当前 css 中使用@media 参数,但我想要两个单独的 css 文件。
是否有一些代码可以添加到我的 .js 文件中以覆盖 html,例如:
<html>
<head>
<link href="desktop.css" ...
变成:
<html>
<head>
<link href="mobile.css" ...
当 JS 检测到移动浏览器时。请记住,HTML 中进一步引用了 js 文件。
谢谢!
最佳答案
您可以在 @import
规则上使用媒体查询:
<link href="master.css" …
@import url(desktop.css) (min-width:800px);
@import url(mobile.css) (max-width:700px);
关于覆盖html行的Javascript函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14844620/