device-width

2熱

1答えて

ビューポートデバイスの幅：Safariの横幅/太字フォント（Chromeで正しくない）

<meta name = "viewport" content = "width = device-width"を応答性の高いHTML5ページに追加すると、デフォルトの1emフォントがiOSを含むすべてのモバイルデバイスに適切に表示されますサファリ;ただし、縦の縦長の画像から横向きの横長の画像に変更すると、フォントサイズが変更されます（インターフェイスの要素は同じですが、ページ上のすべてが大きすぎ

google-chrome safari mobile-safari viewport device-width 2016-05-10

---

0熱

1答えて

@mediaルールの有効なクエリである* -device-widthのような*を使用したメディアクエリの接頭辞は付きませんか？

当社のサイトの一部では、クエリがデバイス幅を使用する@mediaルールを使用しています。 @media (max-device-width:800px) {} //various rules 私はthisリンクに出くわしたとき、どんな時代遅れのルールを見つけるために、当社のサイトのCSSを検索されました。著者は*-device-widthなどのアスタリスク接頭辞を主張していますが、これはGoo

css css3 media-queries device-width 2016-07-13

---

0熱

1答えて

モバイルWebサイトは、デバイスよりも幅広く表示されます。ピンチしたらOKです

私は応答性が必要なウェブサイトを設計しています。 私の問題は、モバイルデバイスでは、これらのWebサイトが最初に画面よりも広く表示されることです。それは、メインコンテナが100％に "固定"されていないように、私はそれを左右に動かせることを意味します。しかし、それは次のとおりです。 #main-container { width: 100%; } しかし、私「ピンチ」画面（指で一緒

android ios css responsive device-width 2017-12-12

---

0熱

1答えて

CSS3 Media Queries - Chromeコンソール

さまざまなビューポートにMedia Queriesを使用しようとしています。しかし、それは私のGoogle Chromeのコンソールでそれをピックアップしているようではありません。私はまた、次のメタタグと一緒に私のindex.html内のスタイルシートが含まれている @media screen and (max-device-width: 1920px;) { html, body {

css3 media-queries viewport meta device-width 2016-04-28

---