Html 使网站响应最快的方法？ 我以前使用Zurb基金会和骨架，所以我对两者都很熟悉，但我以前从来没有把现有的网站转换成响应网站。转换我的网站最快的方法是什么？使用如上所述的框架，还是为已经提供的代码添加媒体查询？（这是否可行？

确定要支持哪些设备，然后添加一个样式表，其中包含以下内容：

/* =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 */
       [...]
}

测试它们是否按降序排列是最容易的。更多媒体查询示例如下：

---

在我的情况下，我需要从头开始重新编写网站，因为我的响应风格文件没有解决问题。。因此，我使用和Matthew Darnell一样，使用正确的媒体查询重写我的样式，并创建一个响应式样式表

---

<>我不熟悉骨架，但是推特的启动对我来说很好。

如果你愿意做一些脑力工作和迁移，有一种方法可以在现有的项目（特别是指南针项目）上安装基础。 首先需要安装compass，并将项目转换为compass项目。一种简单的方法是通过代码工具包，将项目文件夹拖放到代码工具包中。你可以在基金会网站上通过这个页面获得一些终端提示。p>

然后您需要打开终端并键入

cd /path-to-your-project-folder/

然后键入

compass install -r zurb-foundation foundation

---

你可以尝试在现有的应用程序中单独使用基础，使用完全SASS（无罗盘），但是你必须从Git站点下载基础，并逐一包含SCS。您可以在我上面列出的页面中找到信息。

响应什么？你在谈论网站性能吗？您引用的媒体查询与其他内容有关。我想我们搞糊涂了。你的问题到底是关于什么的？@jfriend00，在网页设计中的术语“响应式设计”（特别是每个问题标签的“响应式设计”）指的是使用CSS媒体查询动态调整其布局的网站，无论它们发现自己在什么大小的屏幕上。谢谢！这样做是使网站响应的最简单的方法是的，因为你可以将它添加到现有的样式表中，并立即开始进行覆盖。你这样做了吗？你的结果是什么？我将在一个客户的网站上做同样的事情，我正试图决定是建议他们从头开始重建CSS（这是一个相当大的项目），还是这样做。@MatthewDarnell:谢谢你的回答。我也将在我的网站上做同样的事情。问题是我的网站是基于浮动的，这意味着固定的高度和宽度，在桌面上的所有主要浏览器上都可以使用。那么，这段代码是否适用于我的站点呢。让我知道你的答复。使用em而不是像素！！