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

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

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

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

CSS

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

Q&A

解決済

2回答

2222閲覧

レスポンシブが小さすぎる

Ykn

総合スコア9

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

CSS

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

1グッド

0クリップ

投稿2018/06/12 10:43

度々すみません。よろしくお願いいたします。
現在bootstrap4を使用してレスポンシブのサイトを作っているのですが、レスポンシブ後(スマホサイト等)を表示すると16pxと指定しているテキストが2~3pxほどのとても小さい字で表示されてしまいます。
何が原因かわからないのですが、文字まで自動で小さくなってしまっているようです。
PCブラウザで幅を小さくしても、16pxのままなのですが、アイフォーン(動作確認はiPhone6とiPhoneSEで確認)で表示させると、とても小さくなるので、わざわざ30px~40pxに指定しなおしてやっと見えるくらいの大きさになります。
以前bootstrap3で作成したときはそのような症状はなかったのですが、今回はなってしまいました。試しにbootstrap3に入れ替えたのですが治りません。

何か改善策はありますでしょうか?説明不足な点がありましたらご教授ください。よろしくお願いいたします。

以下、今回使用しているcss一覧です。

animate.min
bootstrap.min
colorbox
drawer.min
hover-min
slick
style

この中に原因があるのかな?と思い「vw」表記を探したのですが、自力ではみつけられませんでした....

YosukeYamada👍を押しています

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

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

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

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

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

guest

回答2

0

自己解決

すみません
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
を入れ忘れていたせいでした。解決しました。

投稿2018/06/13 02:55

Ykn

総合スコア9

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

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

YosukeYamada

2020/05/03 06:00

全く同じ事象で1週間ほど悩んでいたので助かりました。
guest

0

PC でブラウザ幅を問題ないとなると、vw は関係ないですね。
-webkit-text-size-adjust あたりが怪しいんじゃないかと思います。

投稿2018/06/12 14:12

yhg

総合スコア2161

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

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

Ykn

2018/06/13 02:54

回答ありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問