タグ

ブックマーク / qiita.com/fnobi (2)

  • iPhone6の時代のviewport設定について - Qiita

    従来、スマートフォンの横幅といえば 320px(retina対応で640px) というのが定説でした。 が、iPhone6の普及でそうとも言えなくなってきたのが今日このごろです。 iPhone5の横幅は320px(retina対応で640px) iPhone6の横幅は375px(retina対応で750px) ちなみにNexus5の横幅は360px(retina対応で720px) さてこんな環境で、viewportはどう指定するのがベストなのでしょうか。 前提知識 viewportのwidthという値に、device-widthと指定すると、スマホの画面幅 = 表示するwindowサイズ、となる。 widthにピクセル値(640px、とか)を入れると、表示幅はそのピクセル数になり、それで画面いっぱいになるように適宜拡大縮小される 古いAndroidでは、widthにピクセル値を指定しても

    iPhone6の時代のviewport設定について - Qiita
    amashio
    amashio 2015/10/25
  • テキスト投稿を使うべきか、画像投稿を使うべきか - Qiita

    といった感じで、いくつかのサイズを指定して画像URLをとってくることが可能。 500px以上の高画質写真を使っている場合は、HighResを使う。 ◯ OGP画像の設定が容易 (容易って感じがしないサンプルだけど) こんなかんじ。 {block:PermalinkPage} {block:Posts} {block:Photo} <!-- ogp from photo post --> <meta property="og:image" content="{PhotoURL-HighRes}" /> {/block:Photo} {block:PhotoSet} <!-- ogp from photoset post --> {block:Photos} <meta property="og:image" content="{PhotoURL-HighRes}" /> {/block:Ph

    テキスト投稿を使うべきか、画像投稿を使うべきか - Qiita
    amashio
    amashio 2015/03/16
  • 1