media-queries

0熱

2答えて

CSSクエリとメディアクエリを使用してグリッドシステムを作成しようとしています。現在、何らかの理由で手動でウィンドウのサイズを変更すると、自分のページのCSSが変更されますが、Chromeのエミュレータを使用して自分のサイトの応答性をテストできるようにしたいと考えています。現在のところ、Chromeのエミュレータでは、自分のメディアクエリを認識していません。クロムモバイルエミュレータでメディアク

0熱

1答えて

携帯端末のアイコンをクリックしてメニューを表示する簡単な方法は何ですか？

携帯端末にメニューを表示する必要があります。ユーザーがメニューよりメニューバーのアイコンをクリックすると、画面に背景色が完全に表示され、十字記号が表示されます。クロスサインメニューをクリックすると、終了します。私は正しく動作していないいくつかのコードを試しました。私は簡単で最高の答えが必要です。これで私を助けてくれるでしょうか？ $(function() { var menuVisi

0熱

3答えて

画像最大幅がメディアクエリで機能しない

メディアクエリ内でmax-width/max-heightに問題があります。基本的には、jQueryを使用してモーダルウィンドウを表示する画像ギャラリーがあります。このモーダルウィンドウは、モーダル、コンテンツボックス、および画像を通したナビゲーション用のボタンがいくつかある画像ビューアで構成されています）。私はmax-width/max-heightをvssとvhに設定していますが、exitボタ

0熱

1答えて

使用

CSS <link rel="stylesheet" type="text/css" media="screen and (max-width: 480px)" href="example.css"> このCSS属性にmedia="screen and (max-width: 480px)の使用は何です。これはCSS本体の@media only screen (max-width: 480px

1熱

2答えて

モバイルGmailのアプリでメディアクエリが機能しない

Gmailアプリ用に1つのhtmlテンプレートを作成しています。私は、デスクトップビューで60％、モバイルGmailのAppビューで100％になるはずのイメージを1つ追加しました。私はそれを100％製のメディアクエリーで <div> <img src="show.jpg" alt="Show your skills" class="mob-img" border="0" sty

0熱

2答えて

レスポンシブテーブルwithヘッダー

レスポンシブテーブルレイアウトをレンダリングしようとしましたが、テーブルのレコードごとにデスクトップに12列、1行に3列、タブレットに4列、2列に6列スマートフォン。私はすでにやったは定義することであるCSS3 with media queries、問題があるということdemo html table - 現在の実装で - 私はセルと一緒にそれらを表示したいと思いながら、ヘッダーが上に常にあります

1熱

2答えて

CSS - モバイル用に設計するときは、@ mediaクエリを1つだけ使用するだけで安全ですか？

私はモバイルデバイスで動作するはずのWebサイトを作っています。私はテーマについて研究していると、すべてのウェブサイトは、私は、たとえば、上で動作するWebサイトを意図し、デバイスごとに異なるメディアクエリを使用することをお勧めします。私はそれだけで使用するはるかに簡単だろうと感じしかし /* ----------- iPhone 4 and 4S ----------- */ /* Port

-1熱

1答えて

javascriptを使用してボディの印刷メディアクエリを割り当てる

私はウェブページを持っており、ボタンをクリックするとブートストラップモーダルを持っています。私はモーダルの内容を印刷するために印刷媒体のクエリを書いた。しかし、私はメディアのクエリをCSSに入れても、モーダルデータはうまく印刷されますが、モーダルが開いていないときに親ページが（cntrl + P）を使って印刷されるのがブロックされます。親ページとモーダルを印刷するための両方の機能を持つことができる

1熱

1答えて

肖像画と風景の問題でiPhone 5＆5Sをターゲットにする

iPhone 5でいくつかの要素を隠そうとしています&肖像画&の風景に5Sが表示されていますが、これはすべてのiphoneデバイスで有効でした。 @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { span.hmlabel{ display:none; } }

0熱

2答えて

CSSのモバイルスタイル

リンクをデフォルトのCSSで縦に積み重ねていますが、ナビゲーションをページの上部に押し込み、モバイルで水平に設定しようとしています。それが起こるように見えることはできません。サイトはWordPressにあり、要素の名前を決定するのが難しくなります。メディアスタイルで #sidebaar a, #sidebaar li { text-align:right; clear:both; } #