菜单

bootstrap媒体询问常用写法

2018年11月15日 - Bootstrap
@media (max-width: 768px) {
    /*超小屏幕设备 手机*/
}

@media (min-width: 768px) and (max-width: 992px) {
    /*小屏幕设备 平板*/
}

@media (min-width: 992px) and (max-width: 1200px) {
    /*中等屏幕设备 桌面*/
}

@media (min-width: 1200px) {
    /*大屏幕设备 桌面*/
}
@media (max-width: 768px) {
    /*超小屏幕设备 手机*/
}

@media (min-width: 768px) and (max-width: 992px) {
    /*小屏幕设备 平板*/
}

@media (min-width: 992px) and (max-width: 1200px) {
    /*中等屏幕设备 桌面*/
}

@media (min-width: 1200px) {
    /*大屏幕设备 桌面*/
}

 

 


相关文章

标签:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图