页面根据不同宽度自适应不同样式_html/css
来源：懂视网
责编：小采
时间：2020-11-27 16:33:44
页面根据不同宽度自适应不同样式_html/css
页面根据不同宽度自适应不同样式_html/css_WEB-ITnose:@media screen and (min-width:768px) and (max-width:991px){ .content{height:680px}.box{top:320px} }@media screen and (min-width:992px) and (max-width:1199px){ //你想change的样式，多个样式直接跟着写即可 }@media screen and (min-width:1200px){ //你想change的样式，多个样
导读页面根据不同宽度自适应不同样式_html/css_WEB-ITnose:@media screen and (min-width:768px) and (max-width:991px){ .content{height:680px}.box{top:320px} }@media screen and (min-width:992px) and (max-width:1199px){ //你想change的样式，多个样式直接跟着写即可 }@media screen and (min-width:1200px){ //你想change的样式，多个样
@media screen and (min-width:768px) and (max-width:991px){ .content{height:680px}.box{top:320px} }@media screen and (min-width:992px) and (max-width:1199px){ //你想change的样式，多个样式直接跟着写即可 }@media screen and (min-width:1200px){ //你想change的样式，多个样式直接跟着写即可 }这是常用的几个分辨率的样式。记录下
页面根据不同宽度自适应不同样式_html/css
页面根据不同宽度自适应不同样式_html/css_WEB-ITnose:@media screen and (min-width:768px) and (max-width:991px){ .content{height:680px}.box{top:320px} }@media screen and (min-width:992px) and (max-width:1199px){ //你想change的样式，多个样式直接跟着写即可 }@media screen and (min-width:1200px){ //你想change的样式，多个样
