パソコンで携帯端末のブラウザからの見え方を確認する。

チュートリアル
チュートリアル作品制作以外

この記事は約2分で読めます。

Firefoxのアドオンで「User Agent Switcher」を入れる。

詳細はこちらのサイトで↓

スマホのブラウザチェックならこれ! FireFoxアドオン「User Agent Switcher」がお手軽便利でオススメ


ツイッターのヘッダー画像を変更したので、見栄えを確認したかった。

20150327_00Create3D490020150327_00Create3D4901

 

Firefoxの見栄え↓

20150327_00Create3D4902

 

iPhone3にしたときの見栄え。

20150327_00Create3D4903

携帯端末だと、ヘッダー画像って表示されないの?(ガーンッ!)


というか、ヘッダー画像が鮮明になったら、

アイコンの画像がぼけてるのが気になるでござる。

 

ついでにアイコンも変えた。

 

ああ↓この画面で画像が全部表示されるのか!(今気づいた)

20150327_00Create3D4904

↑この見た目って、怖くない?(笑)

 

しばらくやってみる。

 

↓フォローしてね~♪

 

 


 

今はこのツイッター画像の確認をしただけだけど

レスポンシブウエブデザインが導入されたことで

サイトデザイナーの人は本当に大変になったね。

 

頑張ってください。

楽しみにしています♪

 


パソコンで携帯端末のブラウザからの見え方を確認する。

でした。

 

エンジョイ! & サンキュー♪

【この記事を書いた日 2015/03/27  6:47 】

コメント