Question

我想在Wordpress中创建我的网站。以前，我做了其他人的项目，但现在我想设计自己的网站。我目前专注于我以前遇到的问题，并且这次不想再重复唯一的问题是响应能力。我遇到了移动设备的问题，后来在经历了巨大的痛苦后解决了这些问题。但是现在，当我正在努力工作时，我想问一下，当网站正在建设中时，或者只有在完成网站建设之后才能使网站响应。

如果有办法让我的网站自动响应，那么请善意讨论。如果我们能够以某种方式在创建时使网站响应，那么我的工作将会减少，我可以专注于我的网站的其他功能。如果有任何人解决我的问题，那么请告诉我。

Answer 1

你可以开始使用像bootstrap或skeleton这样的东西。这些是（免费：D），轻型模板，包括响应性。

骷髅：http://getskeleton.com/

Bootstrap：http://getbootstrap.com/

如果您想让自己的网站快速响应，也可以使用媒体查询。

媒体查询教程：https://css-tricks.com/logic-in-media-queries/

祝你好运！：）

Answer 2

您可以使用诸如Bootstrap之类的CSS框架来执行此操作。这将自动使您的网站默认响应（在大多数情况下，可能会适用限制）。

这意味着您必须使用Bootstrap构建您的网站，因此您必须在构建网站时执行此操作，而不是之后。

Answer 3

使网站响应的唯一方法是购买响应式主题。但考虑到定制，这不会100％成功。如果您正在考虑使网站响应计划很好，并从一开始就构建。如果HTML结构合理，那么工作时间和问题修复将更容易，更省时。如果您需要更多详细信息，请发表评论

Answer 4

我知道这有答案，但我仍然认为我可以做出贡献。

首先，你谈到了wordpress。由于您要在wordpress中创建自己的网站，因此建议您为自己的网站选择一个响应式主题，这将显着降低您的开销。

此外，您可以使用媒体查询来使网站响应，如下面的代码

/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}

你必须为笔记本电脑，iPad等各种设备提供屏幕尺寸。这里有一篇完整的文章https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

除了媒体查询，你可以使用像bootstrap，skleton这样的框架，这将大大减少你的开销。您所要做的就是添加其文件并使用已经具有与之关联的属性的框架类。

有没有办法自动使网站响应？

4 个答案: