スマホから見た際サイトの文字が小さくなってしまう

質問

サイトを作っているのですが、
タイトルの通りスマホからサイトを見た際に文字が小さくなってしまいます
調べてみても大きくなってしまう＆それに対しての対処ばかりで
小さくなってしまうモノの対処法が解りません。

一応スマホに対応したテンプレートを
貰ってきて組み立ててみたのですが駄目でした
そのテンプレート配布サイト様にPCからではなく、
直接スマホで確認しに行った際はそのまま普通に表示されました
書いてある方法で組み立てて後は手を加えていない筈なのですが・・・

何かcss、htmlを新たに増やしたり、
または減らしたり等しないと駄目なのでしょうか？
初歩的な事で申し訳御座いませんが、何方か宜しくお願い致します。

回答No.2

asciiz

HTML手打ちしてるなら、HEADタグ内に次の一行を書いとくといいと思います

<meta name="viewport" content="width=device-width">

ブラウザの表示幅＝デバイスの幅だ、と宣言することで、その機種の一番自然な文字サイズで表示されます。
デフォルトだと、パソコン幅(980ドット)固定になっていて、それをスマホ幅に表示しようとするので、文字が小さくなってしまうようです。

参考) viewport指定についての色々
http://ichimaruni-design.com/2015/01/viewport/

ついでにもう一つ、

<meta name="format-detection" content="telephone=no">

これも書いておくと、何文字か数字が並んだ時に、勝手に tel: リンクになってしまうのを防げます。

回答No.1

mevius007

最近全くホームページとかやってないので
参考になるかわかりまぜんが

スマホのOSによっては
スタイルシートなども適用されなかったりする可能性があります

OSの判別と
それに合わせたスタイルの構築を

最初にそれを作っておくと今後も楽です

使っているタグやCSS
閲覧しているスマホのOS

その辺を調べれば
おそらくおのずと解決します

もしかしたら
適宜メタタグとかも必要かもですね

頑張って下さい