レスポンシブルウェッブデザインでタブレットを縦にした場合の縮小表示

| | コメント(0) | トラックバック(0)

レスポンシブルウェッブデザインでサイトを作成した際、横1000ドット以上でサイトを構築した場合において、タブレットを縦方向で閲覧すると768ドットしかない機種ではサイト右側が描画されず、ページの縮小表示をしても白紙になることがわかりました。
これを回避するためのスクリプトを作成いたしましたので公開します。
以下のJavascriptタグをhead部に配置してください。

<script type="text/javascript">
$(function() {
var agent = navigator.userAgent;
if(( window.innerWidth > 650 ) &&(agent.search(/iPhone/) != -1 || agent.search(/iPad/) != -1 || agent.search(/iPod/) != -1 || agent.search(/Android/) != -1)){
$(window).bind('resize load', function(){
$("html").css("zoom" , $(window).width()/1100 );
} );
}
});

トラックバック(0)

このブログ記事を参照しているブログ一覧: レスポンシブルウェッブデザインでタブレットを縦にした場合の縮小表示

このブログ記事に対するトラックバックURL: http://www.mick.jp/mt/mt-tb.cgi/797

コメントする

このブログ記事について

このページは、mickが2013年4月 3日 10:31に書いたブログ記事です。

ひとつ前のブログ記事は「Windows8にスタート機能を追加するフリーソフトウェア」です。

次のブログ記事は「米国で使えるLTEプリペイドデータ通信カードT-Mobile(7日で$10,1GB)」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

リンク

Windows 情報サイト
消費者金融 豆知識
ブルースター株式会社
mickの部屋
パソコン最適化/高速化

Powered by Movable Type 4.261

応援

日本フォスタープラン協会
WWFジャパン
Room to read


広告