media-queries

0熱

2答えて

これは本当に奇妙な問題です。ローカルでテストすると、私のメディアクエリはうまく機能しますが、ファイルを自分のウェブサイトにアップロードしたときに、サーバはメディアクエリに気付かれていないように見えます。最初のものはスマートフォンのものですすべての画面サイズで非表示にした要素をすべてスキップして表示するだけです。彼らはローカルで働くので、彼らは正しいと確信しています。とにかく、ここにhtmlとcss

0熱

1答えて

cssnanoはcss @mediaクエリーから "all"属性を削除します

cssnanoがメディアクエリーに与える影響が大丈夫かどうか不思議です。私のCSSファイルでは、私は持っています。 @media all and (min-width: 600px) {} cssnanoを通じて私のCSSを実行した後、それはこれにそれを回す> @media (min-width: 600px) {} は、生産に使用して、これは安全ですか？「すべて」属性を持たないとブラウ

0熱

2答えて

media-queriesのmax-widthは幅または高さを使用しますか？

この質問は少しばかだが、長い間、私はこれについて混乱していた。メディアクエリでmax-widthを使用すると、現在の幅に適用されるか、または可能な限り最長の幅に適用されます。たとえば、IPhone 4が320 x 480の場合、クエリを垂直ビューにのみ適用する場合は、max-width：320を使用するか、max-widthを使用する必要がありますか：480

0熱

1答えて

前のインスタンスに親が表示されているときに、インラインSVGのインスタンスがブラックボックスに変わるのはなぜですか？

モバイルとデスクトップの間でアイコンの順序と配置を変更する必要があるため、2つのナビを持つページを作成しようとしています。私はnavの間で同じインラインSVGアイコンを複製します。ここでは、Chromeでの動作を示すコードがあります。サファリではうまく見えます。 https://codepen.io/stephen_marsh/pen/RZaxqO そしてStackOverflowの私をしつこ

-1熱

1答えて

CSS3 Media Queryが動作しない

メディアクエリがまったく動作しないという問題があります。 > #serviceIcons { > > position: relative; > top: 25px; > width: 250px; > } > > @media only screen and (max-width: 768px;) { > > #serviceIcons { > > po

0熱

2答えて

メディアクエリ - なぜ実行されるべきcssコードが実行されていないのですか

ここにCSSコードがあります。開発ツール（Mozila）に行くとコードはレスポンスモードで実行されません。 margin-left：auto;私がアップロードした写真で見ることができるように下線が引かれています。私はレスポンシブデザインに慣れていません。プロジェクト全体（ページ）をご覧になりたい場合は、hereをクリックしてください。 CSSの問題で宣言の Developer tools ima

0熱

1答えて

メディアクエリはモバイルでは機能しません

ページの下にあるリンクは、580px（これは明らかにほぼすべての電話機の画面である必要があります）より小さい画面では、フォントサイズを大きくします。私はdevのツールでそれをチェックして、幅を変更した場合、それはこののように正常に見えるが、iPhone 5、私は「携帯電話の画面モード」を使用したら、例えば、それが戻って25ピクセルの通常のフォントサイズにですどのようなメディアクエリが増加してい

0熱

1答えて

div内の要素は表示内にスクロールできません

私はアプリをモバイル対応にしていますので、CSSの一部に@mediaクエリを追加しています。私は画像と対応する名前のリストが含まれているが、ビューでは、最初の画像で開始されていないdivがあります。画面のサイズに応じて、6/7に開始されます。任意のアイデアをどのようにこれを修正するには？あなたの "左" クラスで HTML <div class="left"> <div class=

0熱

2答えて

カスタムCSSを使用したメディアクエリのスタイルをオーバーライド

私は既存のシステムにはoverrides.cssを書きまして、いくつかのスタイルをオーバーライドできる方法が何であるか知りたいと思っています。私はシステムcssにアクセスすることができないので、私はそれを書き直すことはできません。私は、元のシステムでは次のように定義している場合：私は、例えば、これらのスタイルをオーバーライドする方法を #criterionDetailsWrapper {

0熱

1答えて

ポリマーのiron-media-queryがdom-repeat要素で機能しない

フレックスボックスとIron-media-queryをPolymerで使用することに関してここでかなりの質問がありましたが、単純なもの。私は画面サイズが600px未満のときにペーパーカード要素を垂直に表示しているdom-repeatテンプレートを持っています。画面を600ピクセル以上に拡大して横に表示し、すべての行が1行に収まらない場合は最終的に行を分割し、カードのグリッドにすることが不可欠です。