レスポンシブデザインのコーディングで、タブレットとPCって機種によって横幅被っているので、media screenでcssを切り分けられなくないですか?すごく基本的なことなんだろうけど、未だによくわからないので。。
これは以外と難しいね。うまく切り分ける方法は、今のところないよ。例えば現状のタブレットは横幅768pxが多数を占めているが、大きいものでは2560pxなんてものもある。2560pxはPCサイズよりでかい。PCとタブレットがpx被りしている以上、jsのユーザーエージェントで切り分けるしかないんだよ。みんな手こずってる部分なんだよ。
タブレットかどうかということで切り分けると難しいかもしれないけど、要は何で切り分けるかということを考えるとシンプルかもしれません。最終的には使いやすいかどうか、ということじゃないでしょうか。
スマホは完全スマホ版の表示。タブレットはPCを少しカスタマイズした表示。今回のサイトはこれが一番使い易いんですね。で、タブレットの時だけを抽出したcssをかきたいんですよね。
タブレットだけ切り分ける方法はないのですね〜、やっぱ難しいんだなあ。。
media queryだけで分けるのは難しいだろうね。方法を問わないのであれば、なんでもできると思う。
みんなの回答 2 件
これは以外と難しいね。
うまく切り分ける方法は、今のところないよ。
例えば現状のタブレットは横幅768pxが多数を占めているが、大きいものでは2560pxなんてものもある。
2560pxはPCサイズよりでかい。
PCとタブレットがpx被りしている以上、
jsのユーザーエージェントで切り分けるしかないんだよ。
みんな手こずってる部分なんだよ。
media queryだけで分けるのは難しいだろうね。
方法を問わないのであれば、なんでもできると思う。
関連するトピックス