我在一个网站上工作。它基于Fit WordPress 主题。
主题是响应式的，据我所知，他们放入了所有元标记等，但我无法让它工作。它正在拉伸图像和菜单丢失，我不断更改我的 CSS 但无济于事。它在手机上看起来不太好，即使我调整窗口大小时，事情也会发生变化（其他问题）。
问问题
243 次
1 回答
0
您的主题是响应式的。我已经在所有屏幕分辨率、字体大小等下查看了您的网站。...
很可能，您的主题在样式表中使用@media 查询来实现此效果，尽管还有其他方法。
这就是响应和流畅的区别；我觉得你把这两个想法混为一谈了。响应式设计将根据屏幕分辨率进行切换（可能会将侧边栏放在底部，将菜单放在其他位置等）......
主要区别在于 Fluid Layouts（也称为 Liquid Layouts）基于按比例布局您的网站，因此元素在不同屏幕尺寸上占用相同百分比的空间，而响应式设计使用 CSS 媒体查询根据屏幕尺寸呈现不同的布局/屏幕类型。有关这两种设计的一些示例，请参阅灵感：流体和响应式设计。
Fluid 的目的是为所有元素保持相同的空间权重，并且可以在相同类型的不同尺寸屏幕上正常工作。它们在 32 英寸高分辨率显示器和 12 英寸低分辨率笔记本电脑上看起来还不错。它们很容易实现。
响应式设计的目的是为专门为屏幕类型量身定制的不同设备布局提供服务。例如，您网站的布局通常会缩减为智能手机上的一列。
如需更深入地了解，请查看固定布局与流体布局与弹性布局：哪种布局最适合您？由 Smashing Magazine 撰写，深入探讨了流体设计的主要变化。他们还有响应式 Web 设计指南和教程，用于概述响应式（如果您想深入了解响应式设计，请提供大量链接）。
得益于 Mobile，响应式设计目前非常“流行”，Smashing 实际上有一个完整的响应式设计标签。
就个人而言，我认为您的网站很好。我更喜欢响应式布局。
于 2013-03-28T16:16:36.727 回答