2013-06-25 30 views
0

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

我敢肯定(一厢情愿的想法),对于像YOU这样的专家来说,解决方案很简单,就是&。

期待您提供的任何帮助。

回答

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 herehere或在谷歌搜索“媒体查询” ..

-1

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

尝试使用这一在线和免费工具,它允许任何大小的输入,则多个屏幕的一次试验...

Responsive Design bookmarklet by Benjamin Keen

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

Responsive Web Design by Shay Howe