如何建立一个响应式网站？

做响应性网站的“四个不要”：
  1.不要优先设计台式机开发人员通常会犯的常见错误。 在设计网站时，他们优先考虑使用桌面版本，因为在这些人的眼中，基于桌面的网站已转变为适用于其他设备的自适应网页设计。 非常轻松愉快的事情。 但是，在计划阶段本身发生的这个错误可能会成为一个非常大的问题。 它甚至会导致返工，当然，许多错误也会扩散。
  2.不应隐藏内容响应式设计通常具有较少的空间来显示图片和内容，但这并不意味着您的内容应被忽略。 您必须采用一种重新排列内容的方式，以确保其可读性。 这是相对容易实现的。 您可以创建导航链接并使用锚点，以便用户可以在页面上看到他们想要的内容。 那些通过CSS布局控制内容隐藏的人员应该了解，这些内容仍会被加载，因此为用户提供完整的观看体验对您来说并不重要。 简而言之，开发人员不应因使用的设备而“惩罚”用户。
  3.不要忽略页面的加载时间。 随着宽带的普及，Web开发人员已经习惯于在页面上使用大量相对较大的资源。 但是，当我们使用手机时，我们的用户使用速度较慢的2G和3G网络。 同样，维护Minf International的人也要为其使用的带宽付费。 页面在台式计算机上的加载速度很快，但是在手机上加载页面的操作可能会花费很长时间或使用额外的昂贵带宽。 更糟糕的是，当用户被迫等待页面加载（即使是几秒钟）时，他们将离开页面，您将失去访问量。  4.不要寻找经验不足的人来进行前端开发。 前端Web技术的门槛很低，但是专业很深，因此设计人员也将做前端。 有些人可以对前端进行为期两天的自学，但不要忽略Web前端。 细节取胜，好与坏的区别就在于细节，包括合理的布局。 这对于效果尤其重要。 标准的CSS代码对兼容性有很大的影响。 响应式网站的制作尤其需要扎实的基本技能和多年的经验。
  制作响应式网站的五点建议：
  1.该计划与往常一样，应始终将其放在第一位。 一旦开始解决纸上的设计问题，就可以开始构建网站了。  2.充分利用原型软件。 建议使用Adobe Edge Reflow，它允许您使用媒体查询，在程序中设置断点以及设计适用于台式计算机，平板电脑和移动电话的布局。 然后，您可以将CSS复制到另一个编辑器（如Adobe Dreamweaver或其他HTML），以进一步优化设计。
  3.首先考虑一种移动策略。 如果是第一次创建移动网站，则可以在平板电脑和台式计算机上扩大规模并设计网页。 这三个平台的重点是Web徽标和文本。 如果文本可以在移动设备上轻松阅读，那么在平板电脑和台式机平台上您将没有问题。  4.谨慎使用导航如果您的站点只有两个或三个导航按钮，则可以在屏幕上的简单菜单中包含这些按钮。 如果菜单元素更多，则可能需要考虑创建一个带有下拉菜单项的单个图标。
  5.首先建立网站。 一些公司，例如Jiffy软件，将首先创建整个页面布局，然后开始编写代码，以确保他们可以实现客户想要的外观。 创建移动页面时，非常重要的一点是，按钮的设计必须足够大以覆盖您的指尖，其次是保持界面简单实用。 许多设计人员倾向于在移动接口中添加太多元素，这将导致设计和实际问题。 如有疑问，请保持页面简洁。