ID:CU2CgvaWsXhf さんの質問

1,150 views

いつもお世話になっております。
いつもながら知識が乏しく、意味不明な質問になってしまうかもしれないのをお許しください。

今回レスポンシブサイトのコーディングを依頼されたのですが、それについて教えてください。

私の普段の作り方は、メディアクエリでブレイクポイントを3~4ほど作りそれぞれをCSSで見やすくする形で作成していたのですが。
今回は

  • HTMLは1枚で
  • 1pxも端末等によって見え方が違ってはいけない
  • UAの取得のみでCSSを切り替えて作れ
  • いただいたデザインは980pxと710px(スマホのような見え方)
  • iPhone6で最適に見えるように作れ
    以上の条件を言われました。

とりあえず普通に作成したものの、端から端まで広がっているアイキャッチの画像等のせいで端末の横幅が違うと少し見え方が違うのでダメだしをされました。

その人がいうには、レスポンシブの対応をしていないサイトを見た時に勝手にデバイス側で全体表示になるからそこのCSSだけ読み変えて対応しろとの事でした。。。。

そこで質問なのですが、
1、こんなレスポンシブの作り方は普通なのでしょうか?
2、言われたとおりの作り方で作った際にFacebookが今は最大500pxの為スマホで見た際にどうしても500pxのものを引いた感じになるためデザイン通りに作れないので対応策はありますか?

の2点を教えていただければ有難く思います。読みにくい文章で大変申し訳ございません。

登録日:2015-12-25 · カテゴリー:デザイン設計

みんなの回答 5 件

2015-12-25 · ID:Nu6UMtZw5Aqo 報告

そんなことより、今日はクリスマスだよ☆

2015-12-25 · ID:4nLwSkAqtwY9 報告

メリークリスマス!

2015-12-25 · ID:zxEeU8wfpUbS 報告

メリクリ、あけおめって卑猥すぎなんだよな

2015-12-25 · ID:m7hmo7VRRbFS 報告

1:分からないが、全てが面倒くさそう。

>”Facebookが今は最大500pxの為スマホで見た際にどうしても500pxのものを引いた感じになる”
ごめん、分からん。
pageがfacebook関連の何かを内包してて、その何かのサイズが500px。なのかな?

>UAの取得のみでCSSを切り替えて作れ
取得って事は…まさかjavascript でUAをgetして、それを基に読み込むCSSを変えるの?普通に@mediaだよね?
js使っていいなら全部jsで計算やったら楽なんだし。

1pxもずれちゃダメは無理。
1024 x 768
1024 x 600
1080x1920

1920/600=3. 27
1pxの縦線だけで考えても、600ピクセルから1920ピクセルへの完全な変換は無理。

最後に、真面目な質問はstack overflow行ったほうが良いよ。

2015-12-25 · ID:bi5rmxkGm5W5 報告

facebookのpage plugin?だかlikebox?だかが最大幅と最小幅決まってるんじゃなかったかな。これに関してはjsでもcssのimportantでも無視するのは無理だったはず。

2015-12-26 · コメ主 報告

developers.facebook.com/docs/plugins/page-plugin
>>If the width of the parent element is bigger than the Page plugin’s width it will maintain the value defined in data-width
>>The plugin will never be smaller than 180px

180px までは下げられるけど、以降は無理っぽいね。この辺り触ったこと無いから分からないけど、時間が許せば展開後のhtmlとjsを参考に弄ったり、display:noneにして一部だけミラーリングしたり、手はあると思う。
そこまでの手間を掛けるだけの費用が貰えるとは思えないけど。

2015-12-26 · ID:4k7loxobxW6h 報告

そもそも全てのデバイスで同じ見え方するように作るのって無理でしょ(笑)アスペクト比だって違うのに。
そんな無茶な要望出してる方もおかしいし、それをはい分かりましたと聞く方もおかしい。

そもそも何がしたくて1ピクセルも違ってはいけないの?

目的は1ピクセルも違わずに作る事ではないよね?その先にある何かがあるからそんな無茶な要望してるんでしょ?その理由を聞かないといけないと思うよ。

2015-12-26 · ID:xVucqPHngxTt 報告

例によって直接聞けない立場の人で、いかんともしがたいアレな気がする。Dがダメパターン。

2015-12-26 · ID:ekDVJX6r/LUG 報告

断われ。クソ案件でしかない。

2015-12-26 · ID:zxEeU8wfpUbS 報告

コーダーってこんなふうにこき使われている奴らいるよな。ほんと底辺の仕事だと思うわ。

2015-12-26 · ID:QQ.QluCnepDN 報告

普通、そういう案件断るでしょ。
1pxもとか紙感覚で話すやつは紙とWebを理解していない。
時間の無駄です。

2015-12-29 · ID:9BAIHb33C.6P 報告

残念ながら2000万円の仕事だと断れないんです。

回答の受付は終了しました。

関連トピック