jquery dialóg, aby vyhovoval mobilným zariadeniam - jquery, html, css

Snažím sa vytvoriť html stránku, ktorá sa zmestí Mobile a desktop prehliadač
Mám jQuery dialóg, ktorý chcem, aby mierka, ktorá sa zmestí na stránku som asuming, že problém
sú v tomto riadku

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

tu je stránka

odpovede:

Nie ste si istí, ako by to malo vyzerať, ale

.position () Vracia: Objekt. Popis: Získať aktuálne súradnice prvého prvku v sade zodpovedajúcich prvkov vzhľadom na. \ t ofsetový rodič. Táto metóda neakceptuje žiadnu argumenty. http://api.jquery.com/position/

pokúste sa upraviť posledný riadok takto:

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