项目中css样式不生效

在使用validform进行表单验证时

导入css:<link type="text/css" rel="stylesheet" media="all" href="${pageContext.request.contextPath}/resource/validform/css/style.css"/>


最开始忘记写了 rel="stylesheet" media="all" 

导致css样式不起作用

media:

screen 计算机屏幕(默认)。
tty 电传打字机以及类似的使用等宽字符网格的媒介。
tv 电视机类型设备(低分辨率、有限的滚屏能力)。
projection 放映机。
handheld 手持设备(小屏幕、有限带宽)。
print 打印预览模式/打印页面。
braille 盲人点字法反馈设备。
aural 语音合成器。
all 适用于所有设备。

rel:规定当前文档与被链接文档之间的关系
stylesheet:文档的外部样式表。



另外在网上看到出现css样式不显示可能是因为css的出现乱码,可以参考一下,平时注意一下

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要解决Nginx部署Vue项目CSS样式不生效的问题,首先需要确定问题的原因。以下是可能的原因和解决方法: 1. 检查CSS文件路径:确保CSS文件的路径是正确的。在Vue项目CSS文件通常位于src/assets/css/目录下。检查Nginx配置文件的root选项是否正确指向了Vue项目的dist目录。 2. 检查Nginx配置文件:检查Nginx配置文件是否正确设置了静态资源的访问路径。可以通过在Nginx配置文件添加以下配置来确保正确处理CSS文件: ``` location /static { alias /path/to/your/vue/project/dist/static; } ``` 3. 检查Vue配置文件:检查Vue项目的vue.config.js文件是否正确配置了publicPath选项。确保publicPath的值是正确的,例如: ``` module.exports = { publicPath: '/' } ``` 4. 检查缓存:如果在开发过程修改了CSS文件并重新构建了Vue项目,但在部署后仍然看不到样式改变,可能是因为浏览器缓存了旧的CSS文件。尝试在浏览器使用Ctrl + Shift + R强制刷新页面,并清除浏览器缓存。 5. 检查CSS文件内容:确定CSS文件样式是否正确。可以在浏览器的开发者工具查看CSS文件是否成功加载,并检查其样式是否正确。 如果以上方法都无法解决问题,可以尝试在Nginx日志查看是否有相关错误信息,并检查控制台是否有报错信息。如果问题仍然存在,可以尝试搜索相关的解决方案或在Vue论坛寻求帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值