search

pyvec / pyvo.cz

Homepage of Pyvo (Czech Python user group) meetups / Domovská stránka Pyvo srazů
http://pyvo.cz
14 stars 21 forks source link

Na iOS zobrazuje desktop verzi a seká se #3

Closed beny closed 8 years ago

beny commented 8 years ago

Ač se na webu zdá, že je web responzivní, na mobilu (iOS) tomu tak není.

screen shot 2015-12-14 at 12 19 47

img_0226

A dokonce když otočím zařízení, tak se celý prohlížec seká i na nejvýkonějším iPhone, což sem na žádné jiné stránce ještě neviděl.

encukou commented 8 years ago

Hmm, iOS má problém s Bootstrapem a trochou CSSka? To je trochu smutné :( Já bohužel nemám způsob jak tohle odladit, je tu jěkdo s iPhonem kdo by se mohl kouknout který kus CSSka tohle dělá?

martinbilek commented 8 years ago

Jestli se jedná o boostrap, tak v hlavičce stránky chybí nějaké zásadní nastavení, viz jakýkoliv example z bootstrapu (https://github.com/twbs/bootstrap/blob/master/docs/examples/starter-template/index.html) - stačí zkopírovat. Např.:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <meta name="description" content="">
        <meta name="author" content="">
        .....
        .....
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
            <script src="/js/html5shiv/3.7.2/html5shiv.min.js"></script>
            <script src="/js/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
.....
tricoder42 commented 8 years ago

Smutné je používát knihovnu, nepřečíst si dokumentaci (http://getbootstrap.com/css/#overview-mobile) a pak smutnit nad špatnou podporou ze strany výrobců… Na Androidu ti to jede?

V hlavičce chybí meta tag:

<meta name="viewport" content="width=device-width, initial-scale=1">
beny commented 8 years ago

Jj to bude ten problém, po přidání toho meta tagu vypadá web už OK i na iOS:

simulator screen shot 14 12 2015 14 01 41

encukou commented 8 years ago

Aha! Tady se ukazuje že jsem amatér. Díky!

honzajavorek commented 8 years ago

Díky moc! Myslím že vyřešeno díky @tricoder42 v #4. A buďte mi na @encukou hodní, on je sice super mistr Yoda v Pythonu, ale webík je to jeho možná i první :-)