調子よく，続けて更新の当ブログ・・・
やればできる子です(笑)
さて、今日のお題は・・・
これを読んでいるほとんどの人は「？」な内容。
うちのHPは、WordPress （ワードプレスhttps://ja.wordpress.org )を使って，サイトを作っています。
よくアップデートやらなんやらかんやらあってますが、そのおかげでなかなか調子よく動作してくれています。
そんな中、昨日アップしたブログを帰りながら自分のiPhoneで確認してて、「あれ？？？」って思ったことが。。。
画像が拡大されない・・・ズームが出来なく、まったく画像の字が読めない困った状態に。(私が老眼なのはナイショ）
なんでだろうと思い、さっそくサイト内で変更しようとしても無理・・・
その後、コードを眺めていたけど、まったくわからず。
そんな時、フッと思い出したことが・・・
”viewport”
スマホに最適化させる際、このviewportを調整して表示させるのですが、もしかしてそこかな？と、header-single.php確認したところ・・・
ビンゴ！
やっぱりここでした。
＊うちが使っているThemeだとheader-single.phpになりますが、通常はheader.phpを確認してみましょう
と、言うわけで早速書き換えを。
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>
こうなっていたものを・・・
<meta name=”viewport” content=”width=device-width,initial-scale=1.0″>
こう書き換えます。
そして、次にCSSにこう追記しました。
body {-webkit-text-size-adjust:100%;}
