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