尝试使用 Adapt.js 自适应 css 使站点以不同的 css 呈现。站点正在使用 php 和 960 网格。我只是在测试时才从标题开始。将我的 JS 和 CSS 放在正确的位置。
这是在我的本地电脑上进行开发 - 而不是在实时服务器上。
这是标题中的 adapt.js 代码。不确定路径是否正确,请指教。我有一个名为 mysite.local 的虚拟主机设置,它指向我的路径中显示的 htdocs 文件夹。谢谢!
<script type="text/javascript">
// Edit to suit your needs.
var ADAPT_CONFIG = {
// Where is your CSS?
path: 'c:/dev/sites/mysite/htdocs/css/adapt/',
// false = Only run once, when page first loads.
// true = Change on window resize and page tilt.
dynamic: true,
// First range entry is the minimum.
// Last range entry is the maximum.
// Separate ranges by "to" keyword.
range: [
'0px to 760px = mobile.min.css',
'760px to 980px = 720.css',
'980px to 1280px = 960.css',
'1280px to 1600px = 1200.css',
'1600px to 1920px = 1560.css',
'1940px to 2540px = 1920.css',
'2540px = 2520.css'
]
};
</script>
最佳答案
虽然我没有使用 Adapt.js。
但我认为ADAPT_CONFIG中的路径不能是系统路径。
必须是网页路径。比如“/static/css”, 'assets/css/'
关于javascript - Adapt.js 路径不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8381155/