問題タブ [responsiveness]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - CSS を使用した div の並べ替え
以下を達成する方法に関する例やチュートリアルを知っている人はいますか:
デスクトップでは、レイアウトは次のようになります。
モバイルでは、レイアウトが次のように変更されます。
ご覧のとおり、モバイルでボックス 2 とボックス 3 を並べ替えて位置を入れ替えたい
ヒントやアドバイスはありますか？
android - Android Web ブラウザーがデスクトップ ビューで Cookie を書き込まない
さて、私は Cookie を使用して、さまざまなデバイス幅でモバイル コンテンツを生成しています。基本的に、このサイトはデスクトップでは一方向に表示され、モバイルでは 800px 未満の投稿コンテンツが表示されます。
1 つの小さな問題を除いて、すべてが完全に機能しています。モバイル ブラウザでデスクトップ ビューに切り替えると、iOS Safari と Android HTC Internet でのみ発生しているようで、コンテンツに Cookie が適用されず、生成されません。私はウェブ上で数多くの検索や提案を試みましたが、何も見つかりませんでした. どんな助けでも素晴らしいでしょう。
ヘッダーのスクリプト:
テンプレートの PHP:
これは、私が取り組んでいるサイトへのリンクです。ブラウザ ウィンドウを 800 未満に縮小すると、コンテンツを印刷するために 2 回すばやく更新する必要があります。それ以外の場合は、デバイスにアクセスすると、正常に読み込まれます。
繰り返しますが、これまでに複数のことを試しました。私はすべての matchMedia を取り除いてみましたが、アラートを実行しようとしました。デスクトップ ビューをクリックすると、モバイル ブラウザで動作しないようです。
よろしく。
* PHP ファイルを更新して、モバイルが認識され、Cookie が発行されるかどうかをテストします* モバイル ブラウザーのデスクトップ ビューで SPM を返します
html - css メニューがモバイル デバイスで消える
これが私が作成したCSSメニューです。
携帯電話 (iPhone 6) でこれを見ると、最後のメニュー (Menu4) がまったく表示されません。最初の 3 つのメニューは、電話画面の左から右に伸びます。理由がわかりません。
誰か助けてくれませんか？
ここにHTML部分があります
そしてCSS部分