不錯，img圖標請幫我縮小，放置在H2的左邊，H2按著放在IMG的右邊

好的，可以将CSS代码稍作修改，实现你的需求：

#menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 200px;
  height: 100%;
  background-color: #333;
  color: #fff;
  font-size: 16px;
}

#img {
  padding: 20px;
}

.img-container img {
  max-width: 100%;
  height: auto;
  max-height: 50px; /* 修改这里，设置最大高度为50px */
  display: inline-block; /* 添加这一行，将img设置为行内元素 */
  vertical-align: middle; /* 添加这一行，使img和h2元素垂直居中对齐 */
}

h2 {
  display: inline-block; /* 添加这一行，将h2元素设置为行内元素 */
  margin: 0;
  padding: 20px 10px; /* 修改这里，添加左右侧内边距 */
  font-size: 20px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

li {
  margin-bottom: 10px;
}

a {
  display: block;
  padding: 10px;
  color: #fff;
  text-decoration: none;
}

a:hover {
  background-color: #555;
}

然后在HTML文件中，将`<h3>`标签改为`<h2>`标签，并将它和logo的`<div>`标签放在同一行。例如：

<div id="menu">
  <div id="img">
    <div class="img-container">
      <img src="images/ivpd.png" alt="logo">
    </div>
    <h2>BL製造管理系統</h2>
  </div>
  <ul>
    <li><a href="/">首页</a></li>
    <li><a href="/">登记数据</a></li>
    <li><a href="/history">查询数据</a></li>
    <li><a href="/chart">查询图表</a></li>
  </ul>
</div>

这样就可以实现你描述的效果了。