問題タブ [responsive]
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.
jquery - レスポンシブ メニュー ボタンが自動的に閉じない
モバイルのレスポンシブ メニューに問題があります。メニューボタンをクリックすると、ドロップダウンメニューが折りたたまれます。しかし、ドロップダウン メニューのリンクの 1 つをクリックしても、それ自体は閉じません。
助けてもらえますか？
html - html の 2 つのサイズの同じ img
大きな画面用の img と小さな画面用の img があります。これは簡単なオプションであり、うまくいくかどうかはわかりませんが、同じ img を html に異なるサイズで配置し、ディスプレイで非表示にすることをお勧めします。なし？そのオプションに他の問題はありますか？
CSS:
HTML:
html - 静的ページをレスポンシブにする
私はウェブデザインの初心者で、html と css を使用してページを開発しました。静的ページをレスポンシブに変換して、ブラウザーのサイズを変更するたびに、ウィンドウのサイズに応じてページのスタイルが同じになるようにします。以下は私の体幅と高さです。
ブラウザウィンドウのサイズを変更しようとすると、ページのスタイルが変わります.divが互いに崩壊しています。
私のページをレスポンシブに変換するための簡単なヒントを教えてください。
drop-down-menu - 特定のメニューでドロップダウンの動作を停止する - Foundation 6
Foundation 6 とレスポンシブ メニューを使用して、次のように外観メニューを変更します。
画面が大きい場合はドロップダウンがありますが、画面のサイズを小/中のメニューに変更するとドロップダウンにとどまり、これは私にとって大きな問題です。
ページを小さなサイズでロードすると、リストが表示され、ドロップダウンがありませんが、大きな画面で切り替えて、再びメニューを小さくすると、ドロップダウンの動作のように消えます...
画面が小さいときにjsの相互作用なしで初期外観(html基本)のメニューを「リセット」するにはどうすればよいですか?
可視性クラスのように大きなドロップダウンのみを言うルールがあるかどうか知っていますか?
このひどい英語で申し訳ありません...
html - 4k の電話解像度は、ピクセル幅に依存するレスポンシブ CSS に影響しますか?
4K 携帯電話はまだ市場に出たばかりですが、この技術が普及するのは時間の問題だと思います。レスポンシブ Web サイトの設計に関しては、心配する必要がありますか?
将来の問題を回避するために px 以外に使用すべき測定単位はありますか、それとも私の心配は根拠がありませんか?
html - コンテンツの正当化が機能しない
私は自分でhtml5とcss3を学び始めていますが、正当化コンテンツで要素を中央に配置するのに問題があります。私の目標は、基本的なレスポンシブ レイアウトを作成することです。
私のコードでは、Web 全体を中央に配置していますが、ヘッダー内の div も中央に配置できません。3 つの div でナビゲーターの合計スペースを使用したいので、「justify-content」を中央に、Flex を 1 に設定して使用しようとしていますが、機能しません。誰かが私を助けることができれば、それは素晴らしいことです。ありがとう！
PD: 私の英語が下手でしたらすみません。
HTML
CSS
twitter-bootstrap-3 - Bootstrap3 - 別のグラフィックからナビゲーションを切り替える
Bootply - http://www.bootply.com/YkWyRzWZDs
<header>タグの外側のグラフィックで (ハンバーガー アイコン ボタンの代わりに) ナビゲーション トグルを制御できるかどうか疑問に思っています。サイトのこの部分は、モバイル デバイスでのみ表示されます。
折りたたまれたメニューの上に 2 行の画像ボタンがあります。画像リンクの 1 つをナビゲーション バーのトグルとして機能させたいと考えています。これは可能ですか？
可能であれば、必要なコードの変更を手伝ってくれる人はいますか?
android - PageSpeed モジュールが原因で Firefox モバイルで画像が途切れる
PageSpeed モジュールを使用する Web に興味深い問題があります。そのため、Web 上の PageSpeed 画像を有効にすると壊れます。重要なことは、モバイル デバイスの Firefox でのみ発生することです (Android と iOS がチェックされています)。
したがって、PageSpeed がオンの場合:
https://www.dropbox.com/s/pei292sz6qzswnb/2016-03-28%2011.09.10.png?dl=0
PageSpeed がオフの場合:
https://www.dropbox.com/s/aju6qxxdgeehtoa/2016-03-28%2011.10.05.png?dl=0
モバイル デバイス上の他のすべてのブラウザは問題なく正常に動作しています。PageSpeed は良いパフォーマンスを提供してくれるので、オフにしたくありませんが、これは大きな問題です。
URL はhttp://ruhrgebietaktuell.de/です。
リンク、CSS スタイル、URL を確認しましたが、次に何をすべきかわかりません。どんな助けでも大歓迎です。
乾杯！
Psモジュールは現在オフになっていますが、何を試したらよいか考えている人がいれば、喜んでオンにします:)