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

Question

我使用bootstrap＆amp; amp;它在每个移动视图中都能正常工作，但在“320px”分辨率下，当我丢失移动视图时，响应式视图无法正常工作，请提供一些建议如何修复它。

Answer 1

其他小型设备（电话，600像素及以下）

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

小型设备（纵向平板电脑和大型手机，600像素及以上）

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

中型设备（横向平板电脑，768像素及以上）

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

大型设备（笔记本电脑/台式机，992px及以上）

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

超大型设备（大型笔记本电脑和台式机，1200px及以上）

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

Answer 2

使用media-queries并将max-width设置为320px

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