根据屏幕宽度设置起始页

时间:2013-06-07 作者:BoBoz

我正在建立一个响应主题,并希望根据屏幕宽度有不同的起始页。

在这种情况下,起始页在WP admin中设置,并包含在cunstom页面模板上构建的图像映射。在mobilde设备上,此图像映射效果不太好,因此我想将其他页面之一设置为起始页。

我想我可以将前台模板与标准模板合并,并通过媒体查询以某种方式实现这一点,但我更喜欢javascrip/jQuery解决方案。

谢谢

1 个回复
最合适的回答,由SO网友:GhostToast 整理而成

PHP很难知道您的屏幕宽度。这更像是jQuery的工作。但你的方法似乎有点落后。如果网站应该是响应性的,为什么你要根据屏幕宽度为访问者提供不同的页面?

您似乎应该通过media queries.

所以如果你有5个内容。。。比如说

标题A-用于桌面

标题B-适用于移动设备

内容-所有内容相同

页脚A-用于桌面

页脚B-用于移动设备

你会的hide 屏幕宽度大于X时的移动(B)组件,以及show 桌面(A)组件。

相反,当屏幕宽度小于X时,则会执行相反的操作:showing 移动组件(B)和hiding 桌面组件(A)。

有意义吗?

结束

相关推荐

POST from jQuery to PHP

我有一个表单,它将字段值传递给jQuery,jQuery验证字段并创建发送的变量data: {} 在下面的代码段中。$.ajax({ type: \"POST\", url: \"<?php bloginfo(\'stylesheet_directory\'); ?>/process.php\", dataType: \"json\", data: { \"title\":title,