2017 Mercedes E43 AMG Premium Plus 4matic s širokoúhlým kokpitem k prodeji v George Kingsley

Jsem si jistý, že je to pro webové vývojáře běžné, ale na google jsem nemohl nic objevit.

Některé webové stránky, například moje, vypadají na širokoúhlých monitorech jinak než na běžných monitorech. Jak vidím, jak by web vypadal na širokoúhlém displeji, aniž by měl skutečně širokoúhlý monitor? (svitky-pruhy?)

Existuje nástroj nebo funkce, kterou mohu povolit?

  • 1 Proč nemůžete jednoduše změnit velikost okna prohlížeče na širokoúhlý poměr stran?
  • Zdá se, že Windows Vista neumožňuje příliš velké protažení okna.
  • Nikdy jsem nepoužíval Vista, ale používal jsem XP i Windows 7 a oba vám umožňují měnit velikost oken na libovolný poměr výšky / šířky, který chcete. Pokud máte monitor 4: 3, můžete pouze snížit výšku okna prohlížeče na 9/16 šířky. Pokud máte širokoúhlý monitor, pouze zmenšíte šířku na 4/3 výšky.
  • 1 V mém počítači je pro Windows rozhodně maximální úsek Y. Znám metodu, kterou popisujete, ale okno se jednoduše neprotáhne přes určitou šířku, i když je na obrazovce více místa
  • Maximální výška / šířka není relevantní. Pokud nemůžete výšku prodloužit, jednoduše zmenšete šířku. Pokud nemůžete zvětšit šířku, jednoduše zmenšete výšku.Stále můžete dosáhnout libovolného požadovaného poměru stran, pokud nejste po konkrétním poměru stran a mluvíte o tom, jak váš web vypadá na displejích s vyšším rozlišením.

Doporučil bych, abyste pro svůj web použili responzivní motiv nebo jej nechali reagovat. Tímto způsobem můžete eliminovat všechny možnosti problémů s rozlišením.

např .: Wikipedia používá responzivní design

Chcete-li vyzkoušet, jak tento design ve Wikipedii funguje, stačí upravit velikost vašeho prohlížeče a zjistit, jak se web přizpůsobuje této velikosti prohlížeče.

Snižujte výšku okna prohlížeče, dokud nedosáhnete správného poměru stran, a poté nastavte přiblížení prohlížeče na něco menšího než 100%. Budete muset udělat matematiku, abyste zjistili, co by to představovalo pro nezvětšená okna.

K zobrazení svého webu v různých rozlišeních můžete použít nástroje jako http://quirktools.com/screenfly/ nebo http://resolutiontester.com/

Zajímalo by mě, jestli chcete techniku, aby vaše stránky vždy zobrazovaly xyz pixelů na šířku?

Pokud ano, přidal jsem to do svého .css

.. # Obsah {šířka: 985px; okraj: 0px auto; zarovnání textu: vlevo; } Pak v mém html použitém:

..body>

..div id = "Obsah">

To je všechno surové, jde mi o to, že pokud to chcete, je to možné a další vám ukáží, jak to udělat mnohem lépe.

Firefox má nyní tuto funkci zabudovanou. V části „Web Developer“ klikněte na „Reponsive Design View“

Chcete použít relativní měřítko pomocí „procent“ a nikoli „pixelů“, protože monitory přicházejí ve všech tvarech a velikostech.

Pracoval pro vás: Charles Robertson | Chcete nás kontaktovat?