我的主题不是响应

时间:2013-03-28 16:03:33

标签: wordpress responsive-design

我正在研究site。它基于Fit WordPress theme

主题是响应性的,据我所知他们放入了所有元标记等,但我无法让它工作。这是拉伸图像和菜单丢失,我不断改变我的CSS但无济于事。它在手机上看起来不太好,甚至当我调整窗口大小时,一切都在转移(其他问题)。

1 个答案:

答案 0 :(得分:0)

您的主题是响应式的。我已经以所有屏幕分辨率,字体大小等检查了您的网站......

最有可能的是,您的主题使用样式表中的@media queries来实现此效果,但还有其他方法。

这是响应流畅之间的区别;我认为你把这两个想法混为一谈。响应式设计将根据屏幕分辨率切换内容(可以将侧边栏放在底部,菜单放在其他地方等等)......

主要区别在于流体布局(也称为液体布局)基于按比例布局您的网站,因此元素在不同屏幕尺寸上占用相同的空间百分比,而响应式设计使用CSS媒体查询来呈现不同的布局屏幕尺寸/屏幕类型。有关这两种设计的一些示例,请参阅Inspiration: Fluid & Responsive Design

Fluid的目的是为所有元素保持相同的空间权重,并且可以在相同类型的不同大小的屏幕上正常工作。它们在32英寸高分辨率显示器和12英寸低分辨率笔记本电脑上看起来很好看。它们很容易实现。

响应式设计旨在提供专门针对屏幕类型量身定制的不同设备布局。例如,您的网站布局通常会缩减为智能手机上的一列。

如需深入了解,请查看Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?通过Smashing Magazine,深入探讨了流体设计的主要变化。他们还有Responsive Web Design Guidelines and Tutorials的概述响应(如果你想更深入地了解响应式设计,有很多链接)。

由于Mobile,Smashing实际上有一个whole tag for responsive design,因此响应式设计目前处于“非常”状态。

就个人而言,我的观点是您的网站很好。我更喜欢响应式布局。