<分区>
我之前使用过 Zurb Foundation 和 Skeleton，所以我对两者都很熟悉，但我以前从未将现有网站转换为响应式网站。转换我的网站的最快方法是什么？使用像上面这样的框架，还是为已经提供的代码添加媒体查询？ (这真的有用吗？)
<分区>
我之前使用过 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/
关于html - 如何为所有设备制作响应式网站，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9917664/