Html 如何使菜单响应？

我正在创建我的第一个博客，但没有响应。 有人能帮我做这个小菜单吗？用我的电脑我看不好，用其他电脑也不好，如果我缩放/重新缩放，那将是一场灾难。因为打印机有很多缺点：D

这里是小提琴：

main{
保证金：1px；
}
靠边{
背景色：#eee；
身高：10%；
宽度：15%；
填充：2.5%；
显示：块；
边框：1px实心#000；
}
左>右{
颜色：#444；
文本对齐：居中；
显示：内联块；
}
靠边。左侧>导航>ul{
列表样式：无；
文本对齐：居中；
显示：内联块；
保证金：0自动；
}
靠边。左侧>导航>ul>li{
显示：块；
边缘顶部：20px；
位置：相对位置；
底部：20%；
}
靠边站。左侧>导航>ul>li>a{
文字装饰：无；
颜色：#fff；
背景色：#444；
填充：10%；
过渡：所有的1容易；
}
靠边站。左>导航>超视距>水平>a:悬停{
颜色：#444；
背景色：#fff；
}
靠边站。左侧>右侧>右侧>右侧{
边界半径：100%；
宽度：100px；
边框：3px实心#444；
}
靠边站，对{
宽度：500px；
位置：相对位置；
左：170px；
背景色：#eee；
边框：1px实心#000；
线高：100px；
底部：310px；
}

Lorem ipsum dolor sit amet，奉献精英。威尼斯是一个非numquam的城市，它的建筑风格是“无主无主”和“无主无主”，这是一个明确的解释。嗯，麦格纳姆！

您需要将

最小宽度

添加到菜单的容器中，并添加

左：0也有助于将菜单粘贴到左侧，但这取决于您

试试这个：

aside.left {
  background-color: #eee;
  height: 10%;
  width: 15%;
  min-width: 100px;
  padding: 2.5%;
  left: 0;
  display: block;
  border: 1px solid #000;
}

这是
谢谢你的帮助：D