質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.47%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

レスポンシブWebデザイン

レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

711閲覧

スマホ画面で画面が拡大されるのを防ぐ方法

moko888

総合スコア20

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

レスポンシブWebデザイン

レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2019/10/18 07:59

現在WordPressで自作テーマの作成をしています。

レスポンシブ対応にしたのですが、スマホ画面で見ると、画面が拡大されている状態になります。(縮小すると通常通り見れます)

イメージ説明

どなたか対処方法をご存知でしたら、教えていただきたいと思っております。回答よろしくお願いいたします。

関係のあるであろうコードを抽出しました。

body { width:100%; min-width: 500px; height:100%; } <head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ryuii

2019/10/18 08:16

スマホの幅がcssのbodyで指定した最低幅min-width: 500px;より小さいということはありますか?
moko888

2019/10/18 08:19

はい。小さいです。
ryuii

2019/10/18 08:22

min-widthが500pxなので、width:100%を指定していても、最低でも幅が500pxになるようです。
moko888

2019/10/18 08:26

500pxの状態をスマホで全体表示させたいのですが、厳しいのでしょうか?
ryuii

2019/10/18 08:29

viewportでwidth=500とすると、端末によっては全体表示が適用されますが、適用されない端末もあるのでおすすめできません。
moko888

2019/10/18 08:32

適用されない端末もあるのですね... ご丁寧にありがとうございました!
guest

回答1

0

自己解決

viewportでwidth=500とすると端末によっては全体表示が適用されるが、おすすめできない。

投稿2019/10/18 08:33

moko888

総合スコア20

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問