responsive-design

0熱

1答えて

discussed hereとして、Soundcloud組み込みプレーヤーのユーザーエクスペリエンスはモバイルデバイスでは実際には貧弱です。アプリ）を使用すると、a）小さな "Listen in browser"に指で非常に正確なタップが必要なためb）一部のデバイスで自動再生が正しく機能しないため一時停止するもう1回タップc）再生する1タップ：質問：デバイスが携帯電話ではないと「」の内部にページ

0熱

2答えて

divの中にバーガーアイコンを垂直に配置するにはどうすればいいですか？

私は別の要素の内部にある3 <span>で作られたハンバーガーのアイコンが含まれているナビゲーションメニューがあります：垂直#nav-icon内#nav-icon spanを中央する方法 .navbar { width: 100%; color: #fff; background-color: #df0024; padding: 1% 0;

0熱

1答えて

ウェブページの縦方向のサイズ変更に対する応答性を防止するにはどうすればよいですか？

私はheight: 100%と本体のdivも持っています。私はそれがウィンドウサイズに合うようにしました。つまり、私のページが垂直方向にサイズ変更されることは望ましくありません。その結果、モバイルでの仮想キーボードポップアップはコンテンツをプッシュアップし、ページのレイアウトが乱雑になります。シモンズ：私は、ビューポートのメタタグを使用すると、セクションとフルスクリーンに行く場合は、必然的に

0熱

1答えて

jQuery innerWidthからheightが小さいデバイスでは 'else else'で機能しません

大きなデバイスと低いデバイスの両方でウィンドウの高さを設定できるコードを書くことができます。 Flexboxを使用しているデバイスの if (window.innerWidth >= 1023) {と} else {を使用して小さい画面を検出していますが、これは大きなデバイスと小さいデバイスのホームページに不思議です。しかし.flexAlignerは「高さ」を設定したが- 88を無視しているように

0熱

1答えて

ブートストラップ応答ナビゲーションバーは、私が適切に機能するために私の応答のnav-バー/ヘッダを取得しようとしてきた

Here's a screenshot of the exact responsive navbar I'm trying to achieveA screenshot of the navbar on fullscreenA screenshot of the navbar on mobile size screen正常に動作していないが、ヘッダに記載されているアイテムは、私はのアイコンをクリッ

0熱

1答えて

レスポンシブウェブデザイン - 正しいメディアクエリーを追加

私はwordpressでウェブサイトを開発しました。そのデザインはデスクトップとタブレットには問題ありませんが、携帯電話のビジュアライゼーションには良いデザインを設定する際に問題があります。メディアクエリを追加しようとしていますが、必要に応じて要素を制御することができません。具体的には（私はIphone5でテストしています）、ナビゲーションバーは縦画面でフルスクリーンをカバーしていません。画像は

1熱

2答えて

アイコンでリストアイテムを縦に並べる方法

これを縦に並べるにはどうすればいいですか？ JSFIDDLE <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/2.0.46/css/materialdesignicons.css" ></link> <aside class="menu column is-2

1熱

2答えて

vhとvwを使用しているときにCSS Webページが応答しない

私は次の単純なWebページを持っています。ここでは、画像の高さにvhを使用しています。しかし、小さな画面サイズにサイズを変更すると、背景セクションのサイズが適切に変更されません。この問題の解決策はありませんか？ <html lang="en"> <head> <link rel="stylesheet" type="text/css" href="https://maxcdn.boo

0熱

1答えて

ウェブページの高さをユーザーのビューポートに合わせる

ウェブサイトを応答させるために、私のCSSファイルにメディアクエリを追加しました。しかし、小さなデバイス（ネットブックやスマートフォン）の画面下部にコンテンツが表示されなくなるという問題があることに気付きました。視聴者の画面サイズに合わせて高さを調整するにはどうすればよいですか？右の結果（長い画面）：間違った結果（短い画面）：このページで、イントロ部分やテキストのように遮断することを注意画面

0熱

1答えて

モバイルCSSブーツラップにボックスのサイズを合わせる際に問題が発生する

ボックスサイズをモバイルに合わせる（ブートストラップを使用する）問題に直面しています 3個のボックスがあり、1と2は画像、3は3個ありますテキスト、を持っていると私はモバイルサイズに、画面のサイズを変更すると、これは（ボックス番号3は、ここのような、ボックス番号2よりも短い高いまたは一部のデバイスであり、何が起こるかであるlike this になります：error 私が必要それはそのように見える