Css 垂直菜单响应

我有一个960gs布局，在容器的左侧有一个垂直的菜单。我希望它能适用于所有分辨率的PC，我不喜欢智能手机或平板电脑

这是我的代码菜单HTML

<ul>
      <li class='<?php echo $class2 ?>'><a href='index.php'><img src='<?php echo base_url();?>resources/img/home.png'><br>Home</a></li>
      <li class='<?php echo $class1 ?>'><a href='<?php echo base_url();?>mind'><img src='<?php echo base_url();?>resources/img/user.png'><br>Profile</a></li>
      <li class='<?php echo $class3 ?>'><a href='<?php echo base_url();?>search'><img src='<?php echo base_url();?>resources/img/searching.png'><br>Search</a></li>
      <li class='<?php echo $class4 ?>'><a href='index.php'><img src='<?php echo base_url();?>resources/img/contact.png'><br>Contacts</a></li>
      <li class='<?php echo $class5 ?>'><a href='<?php echo base_url();?>page'><img src='<?php echo base_url();?>resources/img/book.png'><br>Personal Page</a></li>
      <li class='<?php echo $class6 ?>'><a href='index.php'><img src='<?php echo base_url();?>resources/img/company.png'><br>Personal Page</a></li>

    </ul>

我认为这大部分可以通过响应css来完成，但我可能错了。

---

多谢各位

如果我的观点正确，垂直菜单项应该根据屏幕分辨率具有流体宽度

.menu li{
    display: block;
    margin:5px;
    padding: 5px;
    background-color: red;
    white-space: nowrap;
    overflow: hidden; 
   text-overflow: ellipsis;
}

.menu li{
    display: block;
    margin:5px;
    padding: 5px;
    background-color: red;
    white-space: nowrap;
    overflow: hidden; 
   text-overflow: ellipsis;
}