スマホ向けページを拡大できるようにするブックマークレット
スマホ向けページを拡大できるようにするブックマークレットを作ってみました。 １．概要 最近、PC向けのページとスマホサイト向けのページで最適化しているウェブサイトが増えてきました。 そういう場合、大抵のスマホサイト向けのページはピンチアウトしても拡大できないようになっています。 具体的には、name属性が「viewport」のmeta要素にあるcontent属性の「user-scalable=no」で抑止しています。 <meta name="viewport" content="width=device-width, user-scalable=no" /> が、スマホサイトに掲載されている画像や地図が小さい場合が多く、拡大したいときについピンチアウトして、拡大できずにがっかりすることが多いです（拡大しても粗い画像になるだけの気がしますが）。 ということで、このブックマークレットを使えば、
ブラウザのviewportを切り替えられるVIEWPORT RESIZERがレスポンシブデザインな開発に超絶便利！ | Firegoby
ブラウザのviewportを切り替えられるVIEWPORT RESIZERがレスポンシブデザインな開発に超絶便利！ レスポンシブデザインのサイトを作ってる際にシュミレーターを使うことが多いと思うんですが、それはそれで大事なんですけど、毎回シュミレーターってのもウキーってなりますよね。 スクロールがウキーッだったり、URLの入力がウキーっだったり。 こんなこと１日やってたら猿になっちゃいます。 そんな猿直前のみなさんに便利なツールを発見したのでご紹介。 ブラウザのviewportを切り替えられるブックマークレット、VIEWPORT RESIZERが超便利 このブックマークレットをインストールすると超簡単に主要なモバイル端末のウインドウサイズをシュミレートできます。 インストール方法はブックマークレットなので超簡単。 以下のサイトで ”CLICK OR BOOKMARK” って書いてある部分を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
