接近完成这个 WordPress 网站:www.the-hind.com,它在桌面浏览器上显示良好,但我唯一的问题是,只有在 iPhone 上,右侧的侧边栏被推到页面底部。我在 CSS 中尝试了很多东西,但可能已经看了很长时间,看不到答案。
我敢肯定(一厢情愿)对于像您这样的专家来说,解决方案是简单而明显的。
期待您能提供的任何帮助。
根据定义( 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)
“仅限 iPhone”将取决于屏幕尺寸。它还会发生在其他设备上。所以关键是编辑 CSS 并添加各种尺寸。在进行更改时,在所有设备尺寸上进行测试。
尝试使用这个在线和免费工具,它允许输入任何尺寸,然后一次测试多个屏幕......
如果你想要一个非常好的和清晰的教程试试这个......