页面根据不同宽度自适应不同样式_html/css_WEB-ITnose
程序员文章站
2024-04-02 18:35:28
...
@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
-
html跳转到同一个页面的不同位置_html/css_WEB-ITnose
-
同一个表单,根据单击的按钮跳转到不同的页面_html/css_WEB-ITnose
-
requireJS在同一个HTML/JSP页面,加载不同版本的jquery_html/css_WEB-ITnose
-
wap手机端页面根据dpr和宽度计算出font-size对应数值_html/css_WEB-ITnose
-
如何根据不同的屏幕分辨率来显示不同的图片?_html/css_WEB-ITnose
-
css判断不同分辨率显示不同宽度布局实现自适应宽度_html/css_WEB-ITnose
-
CSS样式:把一个段中的几个短语颜色设置成不同于文本的颜色,用span标签。_html/css_WEB-ITnose
-
如何根据时间动态加载不同的css文件?_html/css_WEB-ITnose
-
div中img根据不同分辨率居中显示,超出部分隐藏_html/css_WEB-ITnose