我希望我的标志采用 SVG 格式，这样我就不必担心分辨率和它会变得模糊。
我只是把网站放到服务器上，在我的 iPhone 上打开它，这是我看到的：https : //i.stack.imgur.com/pAJST.jpg
用 CSS 做我能想到的所有事情（我是 Web 新手）。
到底是怎么回事？它在 Chrome 上看起来很棒，但是我也刚刚检查了桌面 Safari，它在那里看起来也很模糊。
这是我的两个文件：
索引.html：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.1/dist/semantic.min.css">
<link rel="stylesheet" type="text/css" href="custom.css"/>
<script defer src="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.1/dist/semantic.min.js"></script>
</head>
<body>
<div class="ui borderless main menu fixed">
<div class="ui text container" style="max-width: 100% !important">
<div class="header item">
<img id="headerLogo" class="logo" src="images/FullLogo_test.svg">
</div>
<a href="tel:555-555-5555" class="ui right floated item" tabindex="0">
<button class="ui inverted black button">Call (555) 555-5555</button>
</a>
</div>
</div> …