Vlog


Sleduj ma


Twitter


Pripravte svoj web na iPhone X

Predstavenie Apple iPhone X ma potešilo, spoločnosť sa hecla a naozaj ukázala zariadenie pre ďalšiu dekádu. Nie so všetkými vecami sa ale dokážem stotožniť. Edge-to-edge displej budem vedieť posúdiť až keď ho bude mať v ruke.

Druhá vec je samotný formát displeja, ak prekúsneme oblé rohy, tak do očí bijúci je výrez pre kameru sa senzory. Tu mám chuť povedať, že toto by Steve nikdy nedopustil, ale asi si budeme musieť zvyknúť. Ešte, že zmizol Home button, lebo aj ten by vyrezali dole. Meh.

Každopádne aj keď všetci frflú na cenu, tak iPhone X sa bude predávať a používať. Práve kvôli anomáliám displeja by mali spozornieť tvorcovia webov. Ak používate cover pozadie alebo farbu, tak po bokoch budete mať pravdepodobne biele pruhy ako na obrázku nižsie.

Ak používate jednu farbu pozadia dá sa to vyriešiť cez background-color, ale ak máte obrázok ako ja tak treba upraviť viewpoint. Môj pôvodný vyzeral takto:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

a stačilo pridať

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">

Už teraz si to môžete otestovať cez Simulator, ktorý je dostupný spolu s Xcode. Šťastie praje pripraveným.


Mohli by vás zaujímať aj tieto články

Ako aktualizovať Microsoft Remote Desktop pre macOS z verzie 8 na 10

Ak na macOS používate pre prístup k vzdialenej ploche Windows oficiálneho klienta od Microsoftu vo verzii 8.0, tak je najvyšší čas na upgrade. Verzia

Weekly #14

Technológie Goodbye Python. Hello Go. The Cost Of JavaScript In 2018 Intel has no chance in servers and they know it G Suite Horror Story How the EU m

Stretnite dizajnéra Doom, Quake a Wolfenstein 3D spolu so spoluzakladateľom Apple

Podujatie WeAreDevelopers World Congress si dáva za cieľ spájať vývojárov z celého sveta. V počte viac ako 8 tisíc účastníkov ide o jedno z najväčších

Publikované 22.09.2017

Zdieľaj článok

TOPlist TOPlist