WordPress侧边栏在iphone底部推动

时间:2013-06-25 12:07:15

标签: iphone wordpress safari sidebar

接近完成这个WordPress网站:www.the-hind.com,它在桌面浏览器上显示得很好,但我唯一的问题是在iPhone上只有右侧边栏被推到页面底部。我在CSS中尝试了很多东西,但可能已经看了很长时间才能看到答案。

我确信(一厢情愿)解决方案很简单&很明显,对于像你这样的专家来说。

期待您的帮助。

2 个答案:

答案 0 :(得分:2)

你的主题是完全响应的定义(http://wordpress.org/themes/blaskan),这是它应该如何工作(它不会只发生在iPhone,但最终不会发生在任何设备。

如果要更改它,则应更改css文件:

http://the-hind.com/wp-content/themes/blaskan/framework.css?ver=3.5.1

与媒体查询的相关部分:

/** =STRUCTURE MIN: 480px ----- */

@media only screen and (min-width: 480px) 

和:

/** =STRUCTURE MIN: 768px ----- */
@media only screen and (min-width: 768px)

了解更多read here以及here或在Google上搜索“媒体查询”..

答案 1 :(得分:-1)

“仅限iPhone”将取决于屏幕尺寸。它会发生其他设备。所以关键是编辑CSS并添加各种大小。在进行更改时,请测试所有设备大小。

尝试使用此在线和免费工具,允许输入任何尺寸,然后一次测试多个屏幕......

Responsive Design bookmarklet by Benjamin Keen

如果你想要一个非常好的和清晰的教程,试试这个......

Responsive Web Design by Shay Howe