0

私はいくつかのモバイルWebアプリケーションに取り組んでいます（それは私の最初の時間です）、そして私はそのような問題に直面しました：特別なモバイルフレームワークの使用にもかかわらず、モーダルウィンドウのいくつかのサイズは小さな画面では正しくありません。たとえば、私はiPodとiPadを持っています：

iPod iPad

iPodでは、ボタンのサイズはすでに少し変更されています。だから、 jsを使用してカテゴリ（小さい、通常、大きい、または単に配列のサイズのリストを取得する）のような画面サイズを識別する方法があるかもしれませんそしてそれに基づいて私はソースでいくつかの基本的な変更を行います。

4

3 に答える 3

0

次のようなjqueryを使用して画面の高さの幅を取得できます

alert("Width :"+$(window).width()+" Height :"+$(window).height());

小、大などのサイズ指定はありません。

画面の幅と高さを使用して、レスポンシブコードを自分で作成しました。

于 2012-08-30T11:06:35.720 に答える
0

jqueryを使用してウィンドウの現在の幅を見つける

$(function() {
    showWidth($(this).width());
    $(window).resize(function() {
        showWidth($(this).width());
    });
});

function showWidth(wid) {
     var width = parseInt(wid);
     if (width < 1440) {
        //use wider stylesheet
    } else if ((width >= 901) && (width < 1440)) {
        //use wide stylesheet
    } else {
        //use small stylesheet
    }    
}
于 2012-08-30T11:08:58.143 に答える
0

jsで幅を識別し、それに基づいてスタイルシートを提供する代わりに、cssメディアクエリを使用することを強くお勧めします。

CSSメディアクエリは標準化されています：http ：//www.w3.org/TR/css3-mediaqueries/

こちらの例と使用法も参照してください：http：//css-tricks.com/css-media-queries/

于 2012-08-31T13:24:03.817 に答える