この WordPress Web サイトの完成に近づいています: 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 を編集して、さまざまなサイズを追加することです。変更を加えながら、すべてのデバイス サイズでテストします。
任意のサイズを入力して複数の画面を一度にテストできるこのオンラインの無料ツールを使用してみてください...
Benjamin Keen によるレスポンシブ デザインのブックマークレット
本当に素晴らしく明確なチュートリアルが必要な場合は、これを試してください...