响应式网站，类型的CSS宽度

Question

我想让我的网站在手机等方面做出回应

我的问题是我想知道我在@media（CSS）中使用任何类型的宽度

例如手机我制作的768px是对的吗？

我需要你的帮助：＆＃39;（

Answer 1

这些是Twitter Bootstrap用于响应式布局的大小。

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}