Home >Web Front-end >HTML Tutorial >页面根据不同宽度自适应不同样式_html/css_WEB-ITnose
页面根据不同宽度自适应不同样式_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:15:551091browse
@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的样式，多个样式直接跟着写即可 }
这是常用的几个分辨率的样式。记录下
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：css3 云朵飘动效果动画_html/css_WEB-ITnoseNext article：转义HTML字符_html/css_WEB-ITnose