Skip to content

Instantly share code, notes, and snippets.



Last active Dec 20, 2015
What would you like to do?
<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) {}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.