W3QはBiztterに生まれ変わりました!
Web制作に関するお悩みはBiztterへどうぞ!

Biztterで質問する

ID:CU2Cgv さんの質問

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

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

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

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

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

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

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

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

みんなの回答 5 件

ID:Nu6UMt さんの回答

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

ID:4nLwSk

メリークリスマス!

ID:zxEeU8

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

ID:m7hmo7 さんの回答

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行ったほうが良いよ。

ID:bi5rmx

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

ID:m7hmo7

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にして一部だけミラーリングしたり、手はあると思う。
そこまでの手間を掛けるだけの費用が貰えるとは思えないけど。

ID:4k7lox さんの回答

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

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

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

ID:xVucqP

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

ID:ekDVJX さんの回答

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

ID:zxEeU8

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

ID:QQ.Qlu さんの回答

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

ID:9BAIHb

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

最終更新日:2015-12-26 (1,218 views)

関連するトピックス

ページ上部に戻る