页面根据不同宽度自适应不同样式_html/css_WEB-ITnose
程序员文章站
2022-05-22 17:41:21
...
@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的样式,多个样式直接跟着写即可 }
这是常用的几个分辨率的样式。记录下
推荐阅读
-
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
-
我有二个CSS文件,根据不同屏幕,使用JS如何来控制它导入呢?_html/css_WEB-ITnose
-
【请教】如何实现横向布局时图片A居中宽度固定,左右两侧由不同的图片B、C填充为背景_html/css_WEB-ITnose
-
div中img根据不同分辨率居中显示,超出部分隐藏_html/css_WEB-ITnose