<link rel="stylesheet" href="./cloud/src/css/bootstrap.css">
和往常一样,我想将外部样式表嵌入到html代码中。
但是,与Chrome和Firefox相比,Safari对相对链接的理解似乎有所不同:
Safari请求
https://[server-url]/cloud/cloud/src/css/bootstrap.css ---> 404
Firefox和Chrome要求
https://[server-url]/cloud/src/css/bootstrap.css
到404错误页面结束。
解决这个问题,省略cloud
部分:
<link rel="stylesheet" href="./src/css/bootstrap.css">
Safari请求:
https://[server-url]/cloud/src/css/bootstrap.css
Firefox和Chrome要求:
https://[server-url]/src/css/bootstrap.css ---> 404
同样,用户将始终获得404错误页面。
我能够通过指定绝对路径来解决问题:
<link rel="stylesheet" href="/cloud/src/css/bootstrap.css">
不过,我不明白为什么他们的行为如此不同。 我是否总是必须提供绝对路径?