モバイル機器に合わせたjqueryダイアログ - jquery、html、css

私はモバイルとデスクトップブラウザに合うHTMLページを作成しようとしています
私は問題をしていると私が思っているページに合うようにスケールしたいjqueryダイアログを持っています
これらの行にあります

$("#dialog").dialog({ minWidth: minW,minHeight: minH });
$("#dialog").dialog().position({ my: "center", at: "center", of: "#base" });

こちらのページです

回答：

それがどのように見えるべきかわからないが、

。ポジション（） 戻り値：オブジェクト。説明：現在の座標を取得する 一致した要素のセットの最初の要素の、 オフセット親 このメソッドは受け入れません 引数 http://api.jquery.com/position/

最後の行を次のように修正してみてください。

$("#dialog").css({ left: "20%", top: "2%" }); //play with percentage