布置获取适应小中大屏幕的代码

PS:里面的值需要自己添加,如果在里面添加值了,就不能在外面添加同样的值。

自己布置获取适应小中大屏幕的代码超小屏幕 手机 (<768px)小屏幕 平板 (≥768px)中等屏幕 桌面显示器 (≥992px)大屏幕 大桌面显示器 (≥1200px)
/ /超小屏手机/
@media (max-width: 768px){

}
/*小屏幕 平板(≥768px) */
@media(min-width:768px) {

}
/中等屏幕 桌面显示器 (≥992px)/
@media(min-width:992px) {

}
/大屏幕 大桌面显示器 (≥1200px)/
@media (min-width:1200px) {

}
布置获取适应小中大屏幕的代码
布置获取适应小中大屏幕的代码

大屏幕 大桌面显示效果(1200px)
布置获取适应小中大屏幕的代码

超小屏幕显示效果 手机(max:798px)

布置获取适应小中大屏幕的代码

小屏幕显示效果 平板(min:768px)
布置获取适应小中大屏幕的代码

中等屏幕 桌面显示器(992px)
布置获取适应小中大屏幕的代码