样式表不适用于sinatra erb视图

Question

我的样式表适用于我的应用程序的某些元素而不是其他元素,我不知道为什么.

这是我的文档结构:

目前,样式表正在应用于index.erb和contacts.erb,而不是树中的其他样式表,我不知道为什么.

在我的布局中,我已指定: <link rel="stylesheet" type="text/css" href="style.css">

有任何想法吗？

Answer 1

您正在使用样式表的相对引用,因此浏览器将相对于当前URL请求它.这意味着for /和/contacts浏览器将请求/styles.css并找到它,但是例如/contacts/1它将请求/contacts/style.css哪个不存在.如果你检查你的日志,你可能会看到404负载发生这种情况.

解决方案是使用样式表的绝对路径.假设您的应用程序已安装在服务器的根目录(即请求是例如http://example.com/contacts/1),您可以通过在以下位置添加一个/开头来执行此操作href:

<link rel="stylesheet" type="text/css" href="/style.css">

更强大的解决方案是使用url帮助程序,这将确保即使您的应用程序安装在另一个点(例如在Rails应用程序中)或在代理服务器后面,也将使用正确的URL:

<link rel="stylesheet" type="text/css" href="<%= url("/style.css")%>">