我正在开发一个引导网站，我使用 wamp 作为我的服务器。工作了一段时间后，当我进行更改然后刷新浏览器时，更改没有出现。我尝试搜索 StackOverflow 并做了所有事情，比如使用 Ctrl+F5 和清除缓存，更改检查元素的东西。尽管如此，它并没有解决我的问题。希望现在得到解决方案。 PS:我试图在个人资料图片下方添加一个导航栏。 HTML:-
<DOCTYPE !html>
<html>
<head>
<title>Converter</title>
<meta http-equiv="Cache-control" content="no-cache">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="TopSection">
<img src="images/first_img.jpg" class="headimg"/>
<img src="images/profile_img.png" class="profileimg" />
</div>
<!-- navbar -->
<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
</body>
</html>
CSS:-
.TopSection {
position: relative;
}
.TopSection .headimg {
height: 500px;
width: 100%;
position: absolute;
}
.TopSection .profileimg {
margin-left: 550px;
margin-top: 390px;
height: 190px;
width: 190px;
position: absolute;
border: 5px black solid;
border-radius: 100%;
}
@media only screen and (max-width: 600px) {
.TopSection .headimg {
height: 400px;
width: 100%;
position: absolute;
}
.TopSection .profileimg {
margin-left: 200px;
margin-top: 300px;
height: 170px;
width: 170px;
position: absolute;
border: 5px black solid;
border-radius: 100%;
}
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: #111;
}
最佳答案
您可以阻止 CSS 文件缓存。使用版本方法。如下所示
<link rel="stylesheet" type="text/css" href="style.css?v=1" />
如果您将缓存设置为在很远的将来过期，添加 ?v=1 会让服务器知道这是一个新文件，但您不需要给它一个唯一的名称(为您节省全局搜索和替换)
关于html - Wamp 本地主机不更新，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49553143/