【问题标题】:Responsive web site, CSS width of types [closed]响应式网站,类型的 CSS 宽度 [关闭]
【发布时间】:2016-07-21 18:33:20
【问题描述】:

我想让我的网站在电话中响应...等

我的问题是我想知道我在 @media (CSS) 中将其设置为任何类型的宽度

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

我需要你的帮助:'(

【问题讨论】:

标签: css web


【解决方案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) {

}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-01-20
    • 2016-04-14
    • 2013-02-16
    • 2016-11-19
    • 2014-05-21
    • 2022-07-21
    • 1970-01-01
    相关资源
    最近更新 更多