我正在处理一个在家里托管的网站,发现该网站的直接 IP 版本和 DNS 版本之间存在差异。
DNS 站点:
- 没有网站图标。
- html/body 周围没有边距。!
- >
IP 站点:
- 出现网站图标。
- 出现 8 像素的边距。
- >
index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="***">
<meta name="author" content="***">
<link rel="shortcut icon" href="/resources/img/favicon.ico" />
<title>***</title>
<link href="/resources/css/main.css" rel="stylesheet">
</head>
<body>
<div>
<div class="titles">
<center>
<h2><a href="/index.html">***</a></h2>
<h3><a href="/resources/doc/resume.pdf">Résumé</a> | <a href="https://github.com/SWPhantom" target="_blank">Github</a></h3>
<br><br>
<h2>Web Project Gallery</h2>
<h3><a href="/flights/index.html">Safe Flights</a></h3>
</center>
</div>
<div class="footer">
<center>
<a href="http://github.com/SWPhantom/" target="_blank">
<img src="/resources/img/octocat.png" height="32" width="32"></a>
<a href="http://***.tumblr.com/" target="_blank">
<img src="/resources/img/tumblr.png"></a>
<a href="http://twitter.com/***/" target="_blank">
<img src="/resources/img/twitter.png" height="32" width="32"></a>
</center>
</div>
</div>
</body>
</html>
主.css:
html, body {
font-family: 'AvenirLT-Heavy', sans-serif;
color: #010101;
height: 100%;
background-color: #dddddd;
background-repeat: no-repeat;
background: -webkit-linear-gradient(#dddddd, #000000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#dddddd, #000000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#dddddd, #000000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#dddddd, #000000); /* Standard syntax */
}
解决边距问题的补充:
margin: 0;
然而,这让我有点不舒服。我假设通过直接 IP 进入站点应该与使用 DNS 没有什么不同。
谁能解释为什么会发生这种情况(并帮助我让网站图标显示在网站的 DNS 版本中)?
NameCheap 上的 DNS 设置:
最佳答案
网络服务器在请求中为不同的主机名使用不同的文件集的情况并不少见。事实上,如果 Web 服务器应该能够同时为多个域或主机名提供服务,那么这是必要的。您可能已经在网络服务器上设置了一个虚拟主机,其文档根目录不同于“默认”网络主机,如果没有其他虚拟主机与请求匹配,则用于失败。您看到的效果与 DNS 设置无关,假设这两个请求到达同一接口(interface)。
关于html - 直接 IP 和 DNS 地址之间的 CSS 和网站图标不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24049698/