問題点
bootstrapやbulmaなどが挙げられるCSSフレームワーク便利ですよね。しかし先日bulmaを使っているときに、スマホでの表示が小さくなってしまう現象がありました。PCでウィンドウサイズをごにょごにょしてる時はしっかりレスポンシブになっているのに、スマホではうまく表示されない現象です。
解決策
解決策は以下のようなコードを<head>タグに書く。以上。
<meta name="viewport" content="width=device-width">
bootstrapやbulmaなどが挙げられるCSSフレームワーク便利ですよね。しかし先日bulmaを使っているときに、スマホでの表示が小さくなってしまう現象がありました。PCでウィンドウサイズをごにょごにょしてる時はしっかりレスポンシブになっているのに、スマホではうまく表示されない現象です。
解決策は以下のようなコードを<head>タグに書く。以上。
<meta name="viewport" content="width=device-width">