WebSite X5Help Center

 
Piotr K.
Piotr K.
User

Respononsive www 1920px  pl

Auteur : Piotr K.
Visité 138, Followers 1, Partagé 0  

Hello. I want to build a website with a maximum width of 1920px, along with intermediate breakpoints at 1440px, 720px, and 480px. What image dimensions should I use for the header background to ensure they display correctly, and what height should I set? Currently, when I use an image with a resolution of 1920px x 320px, it looks fine in Chrome; however, Edge does not display it at that resolution—instead, it shows a lower-resolution version of the image and displays the menu as a "hamburger" icon. What am I doing wrong? Best regards.

Posté le
7 RéPONSES
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... dla obrazu w proporcji (6:1) jak w innym temacie:
>> dla HEADER w punkcie przerwania (breakpoint) 1440 px ustaw wysokość na 240 … (1440/6)...

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Piotr K.
Piotr K.
User
Auteur

Yes,ok. But...Okay, so for a resolution of 1920px, should I set the height to 320px? When I do that, it looks fine in Google Chrome, but in Microsoft Edge, it displays an image from a lower resolution, along with a "hamburger" menu. Is there any way to fix this?

ciao

Lire plus
Posté le de Piotr K.
Piotr K.
Piotr K.
User
Auteur

chrome

Lire plus
Posté le de Piotr K.
Piotr K.
Piotr K.
User
Auteur

Edge

Lire plus
Posté le de Piotr K.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...aby zapobiec aktywacji HAMBURGERA, musisz zapewnić menu wystarczająco dużo miejsca w układzie HEADER....
...menu automatycznie staje się HAMBURGEREM, gdy jego szerokość nie mieści się w układzie o najniższej rozdzielczości...
...obramowanie obrazu zależy od grafiki obrazu, ...lub spróbuj przesunąć marginesy obrazu poza układ o 1 lub 2 piksele, lub cokolwiek innego, ale dobrze wykonany obraz jest zawsze lepszy, jak już wspomniałem...
...jeśli opublikujesz LINK do swoich testów online, może być łatwiej je ocenić...

.

ciao

.
.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Piotr K.
Piotr K.
User
Auteur

Link to the temporary version of the site STRONA GŁÓWNA - Tęczowy Zakątek... in Chrome, the header looks fine and spans the full width, whereas in Edge—at a width of 1440px, presumably—it does not.
ciao

Lire plus
Posté le de Piotr K.