响应式设计不适用于 wordpress

Posted

技术标签:

【中文标题】响应式设计不适用于 wordpress【英文标题】:Responsive design doesn't work on wordpress 【发布时间】:2012-05-11 02:48:55 【问题描述】:

我正在创建具有基于 twitter 引导程序的响应式布局的 WP 主题。您可以在panel.daweb.cz 上看到该网站,一切正常.. 当您缩小浏览器的大小时,该网站会更改其他设备的布局...但是当您在其他设备上加载相同的网站时(例如 iphone、带有 android 的手机)所以响应式设计不起作用。我已经在vectoryl.vacau.com 上完成了本网站的 html 副本,并且响应式设计也可以在 pc 和其他设备上运行。这是我的 function.php https://gist.github.com/2568852 。如果您需要发布任何另一段代码也没问题。

请问有人知道出了什么问题吗?我真的没救了。

感谢您的宝贵时间,对不起我的英语。

【问题讨论】:

【参考方案1】:

您需要在 中包含元视口元素,以告诉设备将布局缩放到设备宽度。

<meta name="viewport" content="width=device-width, initial-scale=1">

【讨论】:

以上是关于响应式设计不适用于 wordpress的主要内容,如果未能解决你的问题,请参考以下文章

响应式设计不适用于 Android?

响应式网页设计适用于桌面,但不适用于移动设备

如何为基于 wordpress 自定义主题的网站进行响应式设计?

如何解决移动设备(Wordpress 主题)的“响应式设计模式”问题?

Wordpress 响应式设计(高度问题)

是否可以在 HTML 电子邮件中使用 display:block on td 来实现响应式表格设计?