之前我使用过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/