Question

尝试使用Adapt.js Adaptive 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>

Answer 1

虽然我没有使用Adapt.js。

但我认为ADAPT_CONFIG中的路径不能是系统路径。

必须是网络路径。例如“/ static / css”，“assets / css /”

Answer 2

您应该使用相对路径。对 c：\ 的引用无效。即使您将 file：/// 添加到路径中，它也无法正常工作，因为它是对客户端计算机的引用。

示例：

var ADAPT_CONFIG = {
  path: 'Stylesheets/',
    dynamic: true,
    range: ['0px    to 760px  = mobile.css',
            '760px  to 980px  = 720.css',
            '980px  to 1280px = 960.css',
            '1280px           = 1200.css']
};

Adapt.js路径不起作用

2 个答案: