スマホ表示とPC表示の画像の大きさを自動で最適表示させる方法

どうもshinyaです。

現在はインターネットの閲覧のほとんどが

スマホになってきましたね。

さて、サイト運営していくと、PCでサイトを

しっかり整えたとしてもスマホで自分のサイトを

見ると「えっ？」みたいなこともよくあります。

今回でいうと、画像のサイズです。

PC用にうまく画像の大きさを調節して表示

させていたとしても、スマホで見ると

そのままデカく表示されていたりすることが

あります。

このままにしておくと画像サイズに画面が

合わせてしまう為、ユーザビリティが下がります。

そこで今回この問題の超簡単な方法をお伝えしていきます。

スマホの大きさに画像を最適表示する方法

実は特に手順があるわけでもなく、

CSSに下記をコピーして貼り付けるだけです。

/* 画像サイズ最適表示 */
img {
max-width: 100%;
height:auto;
}

超簡単です。

CSSのどこにいれるかわからない人は、

一番下に貼り付ければOKです！

これで、しっかり、スマホで見ても画像の

大きさが自動で最適化され表示されます。

スマホで自分のサイトを見たときに画像が

大きすぎてどうすれば良いかわからない人は

是非こちらをお試しください。

【当サイト訪問者様へ今なら初心者用アフィリエイト教科書を無料プレゼント中！】

入手される場合は下記をバナーをクリック！※ダウンロード者数5000名突破！

owner : shinya
- webマーケティングコンサルタント、メンタルアドバイザー

サラリーマン時代、上司との人間関係に嫌気がさし、転職を繰り返し、誰からも干渉されずに生きていく方法としてインターネットビジネスを選択。

Googleアドセンス広告をキャッシュポイントとしたWEBサイト運営から開始し、月間100万PVレベルのサイトを構築しながらSEOを実践的に学び、そこからは指導者としてブログアクセスアップ（SEO）やWEBマーケティング等を個別コンサルティングやオンラインビジネスコミュニティを通じて指導することをメインに活動。

・2014年11月　副業でアフィリエイト開始
・2015年03月　月収25万円突破時に脱サラ
・2015年04月　情報発信ビジネス開始
・2015年11月　月収200万円達成（プロモーション）
・2016年03月　月収100万円達成（自動化）
・2016年03月　e-book大賞優秀賞受賞
・2016年12月　月収1500万円達成（プロモーション）
・2017年05月　月収200万円達成（自動化）
・2017年09月　月収400万円達成（自動化）
・2017年12月　月収3200万円達成（プロモーション）

過去の営業研修系のトレーニングアシスタントの経験を活かし、コンサルティングに＋αの価値として自身が最も得意とする「個の能力を最大限引き出すコンサルティング」で多くのクライアントをパラダイムシフトさせ、実績者を量産。

とにかく誰からも干渉されないライフスタイルにこだわり、一度キリの人生、我慢だらけでは楽しくない！欲しいものは欲しいと素直に言えるような「わがままに生きるスタイル」を強く提唱しながらコンサルティングに励む。

現在はサラリーマン、事業主から主婦まで幅広くコンサルし、PC1台だけで稼がせることに成功。

ドラム好き、歌うの好き、焼肉好き、からのそこそこ出不精。しかし、旅行したい時はしたい時はしたいし、眠たい時は寝る。

「人に迷惑をかけないわがままライフ」を送る毎日。