图像未调整CSS/HTML的大小

我正在尝试调整网站标题中的徽标图像大小。标题由两个元素组成：徽标和导航栏。徽标位于左侧，导航栏位于右侧。到目前为止，我的代码是：

HTML:

图像文件的宽度为268px，这意味着它应该缩小到200px，如CSS代码中所述。然而，图像反而放大到约300px。我还尝试将HTML img标记更改为：

<img src = "./media/logo/logo.jpg" style = "width: 200px">

及

然而，它的规模仍然上升到约300px，而不是下降到200px。奇怪的是，它能够适当地升级。缩小规模是个问题。

标题{
宽度：100%；
最大宽度：1080px；
显示：块；
保证金：自动；
}
标题#标志{
浮动：左；
左边距：30px；
}
标题#标志img{
宽度：150px；
}
标题导航{
宽度：850px；
浮动：右：
边缘顶部：30px；
}
标题导航ul{
浮动：对；
}

此代码没有问题，问题必须在其他地方。本例中不需要内联样式或宽度属性，我使用了您问题中的HTML/CSS。看到结果，图像的宽度是200像素。然后跟着我的小提琴。使用相同的代码，工作正常。也许你刚刚放大了你的网站或者其他什么，代码还可以。你的CSS显示的比例降到200px:。至少在Chrome中是这样。你有没有其他css样式显示在上面？找到了错误！我没有在css文件*body{min-width:400px；}的开头写，而是写了*{min-width:400px}。是的，这里没有黑魔法！是的，我发现这个bug出现在CSS文件的开头，我没有写*body{min-width:400px}，而是写了*{min-width:400px}。这是一个很奇怪的错误。没有在为问题提供的代码中添加，因为这似乎是任何人都不应该出错的事情：pnice收到您的来信

header {
    width: 100%;
    max-width: 1080px;
    display: block;
    margin: auto;
}

header #logo {
    float: left;
    margin-left: 30px;
}

header #logo img {
    width: 200px;
}

header nav {
    width: 850px;
    float: right:
    margin-top: 30px;
}

header nav ul {
    float: right;
}

header nav ul li {
    display: inline;
}

<img src = "./media/logo/logo.jpg" style = "width: 200px">

<img src = "./media/logo/logo.jpg" width = "200">