![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
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の文字が縦書きになる
-
widthやheightの数値に単位(px...
-
footer を横幅いっぱいに広げる...
-
画像イメージの上下左右、欲し...
-
テーブルのセル間に余白が空い...
-
table周辺の隙間をなくしたい。
-
CSS:animation開始位置の設定
-
CSSでボックスのheightが0になる
-
定義リストに下線をつけたいと...
-
CSS検証サービス
-
CSS、width100%でもできる余白
-
heaerとfooterに背景画像が難し...
-
背景が下まで表示されないんです。
-
border-style:solidで文字がずれる
-
CSS3で角丸写真にシャドーを付...
-
form input テキストを上下中央...
-
ラジオボタンの大きさを変更し...
-
スタイルシートで<div>を使った...
-
css初心者 フレックスボックス...
-
定義リストで先頭にアイコン
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
画像イメージの上下左右、欲し...
-
CSS、width100%でもできる余白
-
CSSがなぜかfont-sizeだけ効か...
-
css初心者 フレックスボックス...
-
余分な縦スクロールバーが出て...
-
CSS:animation開始位置の設定
-
form input テキストを上下中央...
-
W3Cのソースコードの検証サービ...
-
スクロールボックスを中央に配...
-
CSSでボックスのheightが0になる
-
表示倍率を変えるとレイアウト...
-
【CSS】ヘッダーの高さが不明の...
-
Media Queries 4 で 非推奨とな...
-
div領域をウインドウサイズに合...
-
CSS(0の単位)について
-
divで囲まれたpaddingの指定を...
-
中点「・」の改行について
-
CSSで指定した背景画像にリンク...
おすすめ情報