后台登录页样式 改变后 一退出 布局就乱套了 刷新又恢复好啦 怎么解决
时间: 2024-01-22 17:01:55 浏览: 30
这种情况可能是由于浏览器缓存引起的。当你改变样式后,浏览器会将新的样式缓存起来,但是退出后台登录页时,浏览器会清除缓存,导致布局乱套。刷新页面会重新请求样式,所以布局又恢复正常。
你可以尝试在代码中添加以下语句,禁止浏览器缓存样式:
```html
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
```
如果这种方法不起作用,你可以尝试在后台登录页的样式文件名中添加一个随机数或时间戳,这样每次加载样式时,都会使用一个新的 URL,避免浏览器缓存的问题。
例如:
```html
<link rel="stylesheet" href="style.css?t=123456789">
```
其中,t=123456789 可以是一个随机数或者时间戳。
相关问题
后台登录页样式 改变后 一退出 布局就乱套了 刷新又恢复好啦 在哪里加入<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Expires" content="0">这样的代码
你可以将这些 meta 标签加入到登录页的 HTML 头部中。具体来说,可以在登录页的 HTML 文件的 `<head>` 标签中添加以下代码:
```html
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
```
这样,当用户访问登录页时,浏览器会禁止缓存该页面,从而确保用户每次访问登录页时都能获得最新的页面布局。
vue后台 登录页样式 改变后 一退出 布局就乱套了 刷新又恢复好啦 在哪里加入<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Expires" content="0">这样的代码
你可以在登录页的HTML文件中的head标签中添加这些meta标签,如下所示:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<!-- 引入样式文件 -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- 登录表单 -->
<form action="login.php" method="post">
<!-- 表单元素 -->
</form>
<!-- 引入脚本文件 -->
<script src="script.js"></script>
</body>
</html>
```
这样就可以禁用浏览器缓存,避免页面在退出登录后缓存导致布局混乱的问题。
相关推荐
![text/plain](https://img-home.csdnimg.cn/images/20210720083646.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)