Html 放大时引导映像不是静态的_Html_Css_Bootstrap 4

Html 放大时引导映像不是静态的

html css bootstrap-4

Html 放大时引导映像不是静态的,html,css,bootstrap-4,Html,Css,Bootstrap 4,伙计们，我是网站开发的早期阶段。我在photoshop中制作了这张图片，并在带有导航栏的网站上应用了一个徽标进行测试。我并没有得到正确的结果，因为当我放大图像是模糊的，它是如此之大，我希望它是相同的大小，甚至当我放大。请帮忙这是我的密码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name=&quo

伙计们，我是网站开发的早期阶段。我在photoshop中制作了这张图片，并在带有导航栏的网站上应用了一个徽标进行测试。我并没有得到正确的结果，因为当我放大图像是模糊的，它是如此之大，我希望它是相同的大小，甚至当我放大。请帮忙

这是我的密码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <link href="https://fonts.googleapis.com/css?family=Cabin" rel="stylesheet">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <title>Website</title>
</head>
<body>

  <div class="text-center justify-content-center">
    <img src="Untitled-1.png" class="img-fluid">
  </div>

    <nav class="navbar navbar-expand-sm bg-light justify-content-center">
        <!-- Links -->
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link font-weight-bold" href="#">BLOG</a>
          </li>
          <li class="nav-item">
            <a class="nav-link font-weight-bold" href="#">PROJECTS</a>
          </li>
          <li class="nav-item">
            <a class="nav-link font-weight-bold" href="#">CERTIFICATES</a>
          </li>
          <li class="nav-item">
            <a class="nav-link font-weight-bold" href="#">ABOUT ME</a>
          </li>
          <li class="nav-item">
            <a class="nav-link font-weight-bold" href="#">CONTACT</a>
          </li>
        </ul>
    </nav>

</body>
<style>

.nav-link
{
  color: black;
}

.navbar-nav > li
{
  padding-left:30px;
  padding-right:30px;
}

.nav-link:hover
{
  color: wheat;
}

</style>

</html>


网站












.导航链路
{
颜色：黑色；
}
.navbar nav>li
{
左侧填充：30px；
右侧填充：30px；
}
.导航链接：悬停
{
颜色：小麦；
}

我想标志是相同的大小，当我放大，但标志是越来越大，当我放大，你可以看到在上面的图片。

你能分享你想要实现的设计截图吗？我添加了截图。你能分享你想要实现的设计截图吗？我添加了截图。