ネットビジネスで月収1000万円を達成し、自由に生活する元サラリーマンshinyaのブログ

  • このエントリーをはてなブックマークに追加

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

どうもshinyaです。

 

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

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

 

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

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

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

 

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

 

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

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

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

あります。

 

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

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

 

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

 

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

 

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

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

 

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

 

超簡単です。

 

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

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

 

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

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

 

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

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

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

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

関連記事

完全無料の正統派アフィリエイト通信教材

ASE教材2

【AFFILIATE SUCCESS EDUCATION】は有料教材を超える内容など数多くのアフィリエイターから絶賛されました。
第17回e-book大賞にて約4万4000作品の中から【優秀賞】を受賞。

ebook17

まずは月収10万円から目指しませんか?あなたをレクチャーする動画本数は80本以上で総コンテンツ量100以上の超有料級の無料正統派アフィリエイト教科書となります。

現在もリアルタイムで新しい動画、コンテンツを追加中!!

⇒無料ダウンロードはこちら

【漫画】shinyaの社畜脱出ストーリー

漫画LPバナー

管理人shinyaです。

cropped-shinya2.png

当サイト管理人のshinyaと申します!

激動の社畜サラリーマン人生にピリオドを打ち、現在PC1台でインターネットビジネスを行い、最高月収1500万円を稼ぐところまで到達し、現在目覚まし要らずの自由な生活している35歳です。

現在はアフィリエイトやアフィリエイトコンサル、WEBマーケティングコンサル、コミュニティ運営を主に行っており、ストレスフリーに徹底的にこだわり、サラリーマンから主婦まで多くの仲間を絶賛稼がせ中!

詳しいプロフィールはこちら!

shinyaのPC1台での収入実績

2014年11月 副業でネットビジネス開始
2015年03月 月収25万円突破時に脱サラ
2015年11月 月収200万円達成
2016年03月 自動化月収100万円達成
2016年12月 月収1500万円達成

コンサル生指導実績はこちら

いつも応援ありがとうございます!

このブログは現在何位?

にほんブログ村 小遣いブログ 副業・副収入へ