响应式网页

xiaoxiao2021-02-28  143

1.将width改为max-width,来适应屏幕的变动来改变自身宽度等。其他亦然。

/*媒体查询,参考部分Bootstarp框架*/ /*当页面大于1200px时,大屏幕,主要显示PC端*/ @media (min-width: 1200px){} /*在992 和1199 像素之间的屏幕里,中等屏幕,分辨率低的PC*/ @media (min-width: 992px) and (max-width: 1199px){} /*在768 和991 像素之间的屏幕里,小屏幕,主要是PAD*/ @media (min-width: 768px) and (max-width: 991px){} /*在480 和767 像素之间的屏幕里,超小屏幕,主要是手机*/ @media (min-width: 480px) and (max-width: 767px){} /*在小于480px的屏幕里,微小屏幕,更低分辨率的手机*/ @media (max-width: 479px){}
转载请注明原文地址: https://www.6miu.com/read-67350.html

最新回复(0)