スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

見栄え

Tさんからのコメントで、あれ?これPC表示じゃんって思ったよ。
俺の思いと違う!!!ってなった。

スマホとPCの表示はcssを切り替えてたんだけど
その切替条件が画面幅480px以下かどうかで分けてたのが失敗のもと。
解像度480px以上のスマホかあ…!俺、無知すぎるwww
いままでスマホ=480pxっていう固定観念wからAndroidEmulatorもその設定だったけど
高解像度(1280x720px)の設定にして自サイト確認!
ああ、Tさんのスクショとおなじだ!

これは良くない。。。
横スクロールは嫌いなんだよ!


JavaScriptを使えばユーザーエージェントでcss切り替えられるってことで分けてみた。
下着売り姫のページはいいみたい。
でもフリマ掲示板が…なんか右半分空欄なんですけど!
なんで縮小表示なん???必要以上に!
わけわからん(´;ω;`)ウッ…
スマホいやあああ。

またまた検索するとviewportなるものを指定すると良いらしい。
てか指定しないと横幅980px固定らしいwww
そんな仕様あったとは!!!

↓コピペ。
<meta name="viewport" content="width=device-width, initial-scale=0.5,minimum-scale=0.5, maximum-scale=0.5, user-scalable=yes">


今度こそエミュの480x854でも1280x420でも大丈夫みたい・
左右にスクロールしないぞと。

スマホって画面小さいけどPCの段組をそのまま表示しようとするから
文字が読めないくらい小さくなったり
妙にデカ文字になったり、、、
挙動不審…
いや俺の無知が原因か…

webデザイナーさんってすごいなあ!!
どんな機械でもバッチリ綺麗に表示するじゃん。
いくらノウハウあっても、新機種に新機能どんどん出てくるし。

まあスタイルシートに依存しない文書構造だけのサイトが最強なんだろうけどね…


スポンサーサイト

コメントの投稿

非公開コメント

対応はやっww
めちゃ見やすくなりました
売買掲示板もばっちりです
いとも簡単にやってのける、そこに痺れて憧れましたw

>Tさま

スマホは全く未知の世界でして…見やすくなったとのことで一安心です!!!!!


プロフィール

堀内@KB(平井公彦)

Author:堀内@KB(平井公彦)
詳細プロフ

Twitter→@rice_ja
↑名前が違いますが私です。

月別アーカイブ
ブログ内検索
最近の記事
最近のコメント
最近のトラックバック
カテゴリ
ランキング
恋愛テクニック
リンク
RSSフィード
FC2ブログランキング

FC2カウンター
アフィ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。