css mobile.css

Posted 2021-05-13

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">

/* PC宽屏样式*/
/* iPad及以下，所有小于（不等于）960宽度的平板电脑*/
@media only screen and (max-width: 959px) {}
/* 仅iPad竖版，所有小于（不等于）960宽度的平板电脑的竖版*/
@media only screen and (min-width: 768px) and (max-width: 959px) {}
/* iPhone及以下*/
@media only screen and (max-width: 767px) {}
/* 仅iPhone横版，包括某些平板电脑的竖版*/
@media only screen and (min-width: 480px) and (max-width: 767px) {}
/* 仅iphone4 竖版*/
@mediaonly screen and (max-width: 479px) {}