タグ「device-width」 - はてブログ

タグ device-width

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 5 / 5件)

2017/04/25 33 users viewport initial-scale head

<!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http-equiv = "X-UA-Compatible" content = "i... 続きを読む

スマートフォンサイト制作で「なんで拡大縮小できるようにしてるの？」と言われた時の対処法 | Border/memo

2014/10/16 368 users border memo viewport width 実在

※ この話はフィクションです。実在の人物や団体などとは関係ありませんスマートフォンサイトを制作していて、「サイトを自由に拡大縮小できるようにしてるのは理由あんの？」と言われた時の場合の話です。 Viewportの設定どうしてたか <meta name="viewport" content="width=device-width"> これだけ。こうするとサイトの幅=デバイスの幅になり、拡大縮小は自... 続きを読む

iOSにおけるviewportの指定方法による細かい違い - to-R

2013/10/11 55 users viewport iPhone iOS width 挙動

iOSではviewportの指定方法が異なると細かいデバイスの挙動が変わってきます。検証はiPhone(iOS6.1)のみで行っているのでiPadやiOS7ではちょっと違うかも。まず、以下のような数値によるviewport指定をPCモードとし、 <meta name="viewport" content="width=960px"> 以下のようなdevice-widthによるviewport指... 続きを読む

スマートフォン対応でよく使うhtml、css、javascriptのまとめ | 69log

2013/02/15 897 users CSS HTML JavaScript viewport

スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 ■headタグ内での設定  <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!... 続きを読む

iPhone Safariでドキュメントの幅はどうやって決定されるか - Takazudo hamalog

2011/06/05 55 users Takazudo hamalog ドキュメント width

まずはじめに、これは合ってるかわかりません…。でもたぶん合ってると思う。 width=device-width, initial-scale=1で、iPhoneを縦→横に傾けたら、「1.5倍にズームした状態でさらにドキュメントの幅が480pxになる」という謎の挙動を理解してみる。 viewportについては、Androidの動きを正と見て、iPhoneの挙動を理解したほうが容易。 initial... 続きを読む

(1 - 5 / 5件)