html media查询嵌套

html media查询嵌套

 只有在ie10以上，然后屏幕宽度小于1600px才会生效的css

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS */
html {
background: url(‘../../Content/Login/bg-login.png‘) no-repeat;
background-position: center center;
height: 100%;
background-size: 100% 100%;
}

@media screen and (max-width: 1600px) {

.login-body {
width: 860px;
margin-left: -430px;
}

.login-body-left {
width: 40%;
}

.login-body-right {
width: 60%;
}

.login-name {
display: none;
}
}
}

html media查询嵌套

原文：https://www.cnblogs.com/wangdongjie0101/p/14543213.html