接近完成这个WordPress网站:www.the-hind.com,它在桌面浏览器上显示得很好,但我唯一的问题是,只有在iPhone上,右侧的边栏是推到页面的底部。我在CSS中尝试了很多东西,但可能已经看了很长时间,看不到答案。WordPress的侧边栏推在iphone的底部
我敢肯定(一厢情愿的想法),对于像YOU这样的专家来说,解决方案很简单,就是&。
期待您提供的任何帮助。
接近完成这个WordPress网站:www.the-hind.com,它在桌面浏览器上显示得很好,但我唯一的问题是,只有在iPhone上,右侧的边栏是推到页面的底部。我在CSS中尝试了很多东西,但可能已经看了很长时间,看不到答案。WordPress的侧边栏推在iphone的底部
我敢肯定(一厢情愿的想法),对于像YOU这样的专家来说,解决方案很简单,就是&。
期待您提供的任何帮助。
你的主题是通过定义(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并添加各种尺寸。在进行更改时,请测试所有设备尺寸。
尝试使用这一在线和免费工具,它允许任何大小的输入,则多个屏幕的一次试验...
Responsive Design bookmarklet by Benjamin Keen
如果你想有一个非常好的和清晰的教程试试这个.. 。