![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
ものさしで計られると分かると思いますが、実際には縮小されて表示されていると思います。
Viewportで、なにも指定していなければ、スマホの解像度は高いので小さくなっているはずです。
本来は1pxは約0.26mmですから200pxと指定してあれば、パソコンでは52cm幅ですが、スマホでは26cm程度になっているはずですが???
そのために、幅広固定で小さい文字で作っているとスマホでは読めない。
スマホもパソコン用も同じデザインでしたら、当然リキッドでデザインされていると思いますから、通常は半分の実サイズで機種のデフォルトのサイズ、980px(PC用490px)とかでしたらそのサイズまでは文字は小さくなりますが表示されるはずです。
それを避けたければ
<meta name="viewport" content="width=device-width; initial-scale=1.0">
とviewportで縮小しない用に設定しておきます。
★mediaqueryにしろviewportにしろ、あくまでページがリキッドで製作されていることが大前提です。
header,section,footer{width:100%;min-width:630px;margin:0 auto;max-width:980px;}
header h1{width:100%;background-image:url();background-size:cover;}
と言う風に・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ホームページをちょっと加工する程度の無料または古くて安く購入できる作成ソフトを教えてください 5 2022/12/16 12:17
- SEO Googleで会社名を入れて検索するとホームページが表示されるようにしたい 4 2022/09/06 23:36
- ドライブ・ストレージ HDDの未割り当て領域が認識されない 7 2022/11/27 18:51
- デジタルカメラ 録画した4K動画を、フルピクセルで再生したい 5 2023/05/10 00:05
- モニター・ディスプレイ モニターサイズ(パソコン)の表示を縮小したい 6 2022/06/23 08:47
- WordPress(ワードプレス) WordpressでYouTubeの埋め込みができない。 1 2022/10/26 01:08
- InternetExplorer(IE) お気に入りの「一覧」の表示 2 2022/11/21 13:59
- ホームページ作成・プログラミング 保存したホームページのファイルは何をしている推測できますでしょうか。 1 2023/08/18 15:50
- デスクトップパソコン PC作成のスマート対応フアイルへの転換 1 2022/06/18 19:50
- デスクトップパソコン パソコンのこの症状に悩まされる。 6 2023/02/24 12:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
FFにおけるDIVタグ間の隙間につ...
-
CSS、width100%でもできる余白
-
CSSがなぜかfont-sizeだけ効か...
-
CSSでborderの指定を解除する記...
-
CSS3で角丸写真にシャドーを付...
-
テーブルのセル間に余白が空い...
-
CSSで背景画像を一番下にもって...
-
CSSと<dl><dd>で間隔をあけて1...
-
【HTML】【CSS】【Swiper】 元...
-
定義リストに下線をつけたいと...
-
table周辺の隙間をなくしたい。
-
widthやheightの数値に単位(px...
-
画像イメージの上下左右、欲し...
-
ライトボックスでスクロールバー
-
CSSで画像の横に余計な余白が・...
-
HTMLで文字が重なって表示されます
-
CSSでfloatした要素の高さを100...
-
css初心者 フレックスボックス...
-
htmlのolやulなどlistにtitleや...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
画像イメージの上下左右、欲し...
-
css初心者 フレックスボックス...
-
CSSでボックスのheightが0になる
-
CSS、width100%でもできる余白
-
CSS:animation開始位置の設定
-
スクロールボックスを中央に配...
-
form input テキストを上下中央...
-
表示倍率を変えるとレイアウト...
-
W3Cのソースコードの検証サービ...
-
<div>と<div>の間の10px程の...
-
CSSで背景画像を一番下にもって...
-
CSSがなぜかfont-sizeだけ効か...
-
table周辺の隙間をなくしたい。
-
footer を横幅いっぱいに広げる...
-
【CSS】ヘッダーの高さが不明の...
-
CSS3で角丸写真にシャドーを付...
-
定義リストに下線をつけたいと...
-
Media Queries 4 で 非推奨とな...
おすすめ情報