css – 最快的方式使网站响应?

前端之家收集整理的这篇文章主要介绍了css – 最快的方式使网站响应?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
之前我使用过Zurb Foundation和Skeleton,所以我很熟悉两者,但是我从来没有把现有的网站转换成一个响应式的网站。什么是最快的方法来转换我的网站?使用上面的框架,或者为已经提供的代码添加媒体查询? (这甚至工作吗?)

解决方法

确定要支持哪些设备,然后添加以下这些行的样式表:
/* =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/

猜你在找的CSS相关文章