Html 我有这样的代码，需要为更大的屏幕应用媒体查询

//需要应用媒体查询来调整更大的屏幕，比如超过17英寸的屏幕。请帮我解决这个问题

.垂直菜单1{

     width: 149px;
    height: 165px;
    overflow-y: auto;
    margin-left:605px;
    margin-top:-165px;
}
//container 
.vertical-menu1 a {
    background-color: #FFFFFF;
    color: #40404c;
    display: block;
    padding: 5px;
    text-decoration: none;
    font-family:openSans;
    word-spacing: 0px;
    letter-spacing:0px

}
//on hovering
.vertical-menu1:hover a {
    color:blue;
    font-size:13px;
}

.vertical-menu1:hover a{
    font-weight:bold;
}
//Onhovering 
.vertical-menu1:hover a{
    text-decoration:underline;
}

您可以使用：

@media all and (min-width: 17in) {

--- your CSS

}

您可以使用：

@media all and (min-width: 17in) {

--- your CSS

}

@介质（最小宽度：1632px）{

}@介质（最小宽度：1632px）{

---

}

您是否尝试过使用

@media

属性？使用并使用

单元中的
。您可以查看可用的列表您是否尝试过使用
@media
属性？使用并使用
单元中的
。您可以查看可用Am的列表，使用8个以上的垂直菜单，每个菜单都有单独的css。我可以应用1个媒体查询吗为了所有人these@user8604412此媒体查询适用于任何小于17英寸的屏幕。您可以使用它，直到它显示出良好的结构设计。但是，对于较小的屏幕，使用不同的查询是一种很好的做法。我使用8个以上的垂直菜单，每个菜单都有单独的css。我可以为所有屏幕应用1个媒体查询吗these@user8604412此媒体查询适用于任何小于17英寸的屏幕。您可以使用它，直到它显示出良好的结构设计。但是，对于较小的屏幕，使用不同的查询是一种良好的做法。
Now a days lage screen resulation start 1440px

@media only screen and (min-width: 1440px) {

   width: 149px;
    height: 165px;
    overflow-y: auto;
    margin-left:605px;
    margin-top:-165px;
}
//container 
.vertical-menu1 a {
    background-color: #FFFFFF;
    color: #40404c;
    display: block;
    padding: 5px;
    text-decoration: none;
    font-family:openSans;
    word-spacing: 0px;
    letter-spacing:0px

}
//on hovering
.vertical-menu1:hover a {
    color:blue;
    font-size:13px;
}

.vertical-menu1:hover a{
    font-weight:bold;
}
//Onhovering 
.vertical-menu1:hover a{
    text-decoration:underline;
}
}