Twitter bootstrap 3 使用媒体查询进行网站响应

Twitter bootstrap 3 使用媒体查询进行网站响应,twitter-bootstrap-3,responsive-design,media-queries,Twitter Bootstrap 3,Responsive Design,Media Queries,我使用bootstrap构建了一个网站,它在每个移动视图中都能正常工作,但在“320px”分辨率下,当我破坏了我的移动视图时,响应视图不能正常工作,请给出一些修复建议。使用媒体查询并将最大宽度设置为320px @media (max-width: 320px){ //write css code here } 超小型设备(手机,600px及以下) 小型设备(肖像平板电脑和大型手机,600px及以上) 中型设备(横向平板电脑、768px及以上) 大型设备(笔记本电脑/台式机、992px及以上)

我使用bootstrap构建了一个网站,它在每个移动视图中都能正常工作,但在“320px”分辨率下,当我破坏了我的移动视图时,响应视图不能正常工作,请给出一些修复建议。

使用媒体查询并将最大宽度设置为320px

@media (max-width: 320px){
 //write css code here
}

超小型设备(手机,600px及以下)

小型设备(肖像平板电脑和大型手机,600px及以上)

中型设备(横向平板电脑、768px及以上)

大型设备(笔记本电脑/台式机、992px及以上)

超大设备(大型笔记本电脑和台式电脑,1200像素及以上)

 @media only screen and (max-width: 600px) {...}
@media only screen and (min-width: 600px) {...}
@media only screen and (min-width: 768px) {...}
@media only screen and (min-width: 992px) {...}
@media only screen and (min-width: 1200px) {...}