0

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

我敢肯定（一厢情愿）对于像您这样的专家来说，解决方案是简单而明显的。

期待您能提供的任何帮助。

4

2 回答 2

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)

要了解更多信息，请阅读此处和此处或在 Google 上搜索“媒体查询”。

于 2013-06-25T12:23:10.637 回答
-1

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

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

Benjamin Keen 的响应式设计书签

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

Shay Howe 的响应式网页设计

于 2013-06-25T12:27:55.353 回答