css媒体查询@media PC端适配

1.主流的pc尺寸

1024 1280 1366 1440 1680 1920

@media screen and(min-width: 1024px){} /*>=1024的设备*/ 
@media screen and(min-width: 1100px) {} /*>=1100的设备*/ 
@media (min-width: 1280px) {}
@media screen and(min-width: 1366px) {}
@media screen and(min-width: 1440px) {}
@media screen and(min-width: 1680px) {}
@media screen and(min-width: 1920px) {}

用min-width时，小的放上面大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面

2.若不生效检查是否有meta标签

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>