最快的网站响应方式？

Question

之前我使用过Zurb Foundation和Skeleton,所以我对两者都很熟悉,但我之前从未将现有网站转换为响应式网站.什么是转换我的网站最快的方法？使用上面的框架,或为已经提供的代码添加媒体查询？(这甚至有效吗？)

Answer 1

确定要支持的设备,然后添加样式表,其中包含以下内容:

/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 800px) {
       /* Smaller Resolution Desktops and Laptops */
       [...]
}
@media (max-width: 650px) {
       /* Smaller devices */
       [...]
}
@media (max-width: 450px) {
       /* Even Smaller devices */
       [...]
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
       /* Even Smaller devices */
       [...]
}

最简单的方法是测试它们是否按降序排列.更多示例媒体查询:

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/