Midnight the Gathering

Midnight the Gathering

僕なりの愛ですよ

【CSS】タブレット/スマホ用 収縮設定

 

f:id:tepped:20200516225507p:plain

今回は、”タブレット/スマホ用 収縮設定”についてのご紹介。

 

現在、私のPC画面では、

カード型で3カラム(横に3つ)を表示するスタイルをとっています。

ところが、タブレットで私のブログを見てみると、

1カラムの表示で、画像も無駄にデカく、見づらいものでした。 

そこで今回は、この改善になります。

 

詳細は、下記企業様のサイトをご参照下さい。

 

  

この設定により、

 

f:id:tepped:20200516230554p:plain

f:id:tepped:20200516230533p:plain

各種端末の画面サイズに合わせて、PCサイトの画面を収縮する事で、

以前の1カラムで分かりづらい画面から、

2カラムでスッキリし、PCと遜色のない出来栄えになりました。

だいぶ印象が違いますね(^▽^;)

 

スマホの場合は、同じ1カラムでの表示は変わりませんが、

画像の表示や文字の大きさが以前のモノと比べ、

しっくりくるものになってます。