いつもお世話になっております。
いつもながら知識が乏しく、意味不明な質問になってしまうかもしれないのをお許しください。
今回レスポンシブサイトのコーディングを依頼されたのですが、それについて教えてください。
私の普段の作り方は、メディアクエリでブレイクポイントを3～4ほど作りそれぞれをCSSで見やすくする形で作成していたのですが。
今回は
- HTMLは1枚で
- 1pｘも端末等によって見え方が違ってはいけない
- UAの取得のみでCSSを切り替えて作れ
- いただいたデザインは980pxと710px（スマホのような見え方）
- iPhone6で最適に見えるように作れ
以上の条件を言われました。
とりあえず普通に作成したものの、端から端まで広がっているアイキャッチの画像等のせいで端末の横幅が違うと少し見え方が違うのでダメだしをされました。
その人がいうには、レスポンシブの対応をしていないサイトを見た時に勝手にデバイス側で全体表示になるからそこのCSSだけ読み変えて対応しろとの事でした。。。。
そこで質問なのですが、
1、こんなレスポンシブの作り方は普通なのでしょうか？
2、言われたとおりの作り方で作った際にFacebookが今は最大500pxの為スマホで見た際にどうしても500pxのものを引いた感じになるためデザイン通りに作れないので対応策はありますか？
の2点を教えていただければ有難く思います。読みにくい文章で大変申し訳ございません。
みんなの回答 5 件
そんなことより、今日はクリスマスだよ☆
1：分からないが、全てが面倒くさそう。
＞”Facebookが今は最大500pxの為スマホで見た際にどうしても500pxのものを引いた感じになる”
ごめん、分からん。
pageがfacebook関連の何かを内包してて、その何かのサイズが500px。なのかな？
＞UAの取得のみでCSSを切り替えて作れ
取得って事は…まさかjavascript でUAをgetして、それを基に読み込むCSSを変えるの？普通に@mediaだよね？
js使っていいなら全部ｊｓで計算やったら楽なんだし。
1ｐｘもずれちゃダメは無理。
1024 x 768
1024 x 600
1080x1920
1920/600＝3. 27
1ｐｘの縦線だけで考えても、600ピクセルから1920ピクセルへの完全な変換は無理。
最後に、真面目な質問はstack overflow行ったほうが良いよ。
そもそも全てのデバイスで同じ見え方するように作るのって無理でしょ（笑）アスペクト比だって違うのに。
そんな無茶な要望出してる方もおかしいし、それをはい分かりましたと聞く方もおかしい。
そもそも何がしたくて1ピクセルも違ってはいけないの？
目的は1ピクセルも違わずに作る事ではないよね？その先にある何かがあるからそんな無茶な要望してるんでしょ？その理由を聞かないといけないと思うよ。
断われ。クソ案件でしかない。
普通、そういう案件断るでしょ。
1pxもとか紙感覚で話すやつは紙とWebを理解していない。
時間の無駄です。
関連するトピックス