最快的方式使网站响应？

我之前使用过Zurb Foundation和Skeleton，所以我对两者都很熟悉，但我从来没有必须将现有网站转换为响应式网站。什么是最快的方法来转换我的网站？使用上面的框架，或者为已经提供的代码添加Media Queries？（这是否甚至工作？）最快的方式使网站响应？

来源

2012-03-29 Joe Bobby

响应什么？你在谈论网站的性能吗？您引用了关于不同的媒体查询。我觉得我们很困惑。你的问题真的是什么？ – jfriend00 2012-03-29 00:43:18

+12

@ jfriend00，在网页设计中（尤其是对每个问题标签的“响应式设计”），术语“响应式”指的是使用CSS媒体查询动态调整布局的网站，无论他们发现自己身处何处。 – 2012-03-29 00:57:56

确定要支持，然后用东西沿着这些路线添加样式哪些设备：

/* =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/

来源

2012-03-29 01:27:42

谢谢！因此，这样做是最简单的方法，使网站响应 – 2012-03-29 19:25:54

是的，因为您可以将其添加到现有的样式表，并立即开始覆盖。 – 2012-03-29 19:55:12

你有没有做乔？你的结果是什么？我即将在客户的网站上做同样的事情，我正在试图决定是否建议他们从头开始重建自己的CSS（这是一个相当大的项目），或者这样做。 – vrutberg 2012-05-22 14:47:20

对我来说，我需要的网站从头开始重写，因为我的风格响应文件didnt解决问题。所以我用LESS重写我的风格和我创建一个响应式样式表，包含像Matthew Darnell这样的正确媒体查询。

我不熟悉骨架，但Twitter的Boostrap适合我。

来源

2012-08-29 19:35:52

如果您愿意做一些小脑力工作和移植，可以在现有项目（特别是指南针项目）上安装基础。

您首先需要安装指南针并将项目变为指南针项目。一个简单的方法是通过代码工具包，然后将项目文件夹拖放到代码工具包中。您可以通过基金会网站上的此页面获得一些终端提示。

http://foundation.zurb.com/docs/sass.html

你会那么需要打开终端输入

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

然后键入

compass install -r zurb-foundation foundation

您可以通过使用完全青菜尽量单独使用的基础上现有的应用程序（没有指南针），但你必须从git站点下载基础和@include scss一个接一个。您可以在我上面列出的页面中找到信息。

来源

2013-07-15 09:57:01 Josh

最快的方式使网站响应？

回答

相关问题