• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Pobrana wysokosc diva zmienia sie w zaleznosci od rozdzielczosci

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
+2 głosów
358 wizyt
pytanie zadane 21 lipca 2017 w JavaScript przez skrzatjedyny Gaduła (3,150 p.)
edycja 21 lipca 2017 przez skrzatjedyny

Witam,

problem mam następujący: mam sobie diva z formularzem itp. wysokosc jest automatyczna, paddingi nadane:

<div class="product-details">
    ...           
</div>
.product-details
{
    padding: 50px 50px 100px 50px;
    width: 474px;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    background-color: #FFF;
    z-index: 100;
    bottom: 0;
}

W JS (a bardziej jQuery) pobieram wysokosc tego elementu (nie pytajcie po co, zbyt duzo tlumaczenia).

orderPanel_height = $('.product-details').outerHeight() + 20; //specjalnie dodane 20px, nic sie nie zmienia po usunieciu

Kiedy pracuje na monitorze 1920x1080/1366x768 jest wszystko git, poprawnie oblicza (console.log wypluwa 533).

(tutaj screen jak wyglada z inspectu na chrome)

Problem zaczyna sie natomiast kiedy zmienie rozdzielczosc (CTRL + scroll, zmiana powiekszenia). Po zmianie na 90% powiekszenia lub inne (nie wszystkie) ten sam console.log wypluwa 685.085, mimo, ze w inspekcie wyglada to prawie tak samo:

Ogarnia ktos o co z tym chodzi? Czemu na jednych rozdzielczosciach jest ok, a na innych nie? Z tego co sie dowiedzialem to u innych na wiekszej rozdzielczosci tez sie buguje (ale nie wiem jaka konkretnie).

P.S. tak samo z szerokoscia tego boxa, zmienia sie z 474 na 573.991.

EDIT: bug wystepuje tylko na chrome i operze (i nie wiem jak na safari)

1 odpowiedź

–1 głos
odpowiedź 22 lipca 2017 przez Tomek Kozioł Obywatel (1,740 p.)
Bo chrome próbuje wszystko wyrównać wżalerzności od pozycji nie przejmuj się tym.
komentarz 22 lipca 2017 przez skrzatjedyny Gaduła (3,150 p.)
Ze niby co? Co niby chce wyrownac i co to ma do tego, ze dodaje sobie ok 100px do rozmiaru?
komentarz 24 lipca 2017 przez Tomek Kozioł Obywatel (1,740 p.)
Chrome przy skalowaniu zwiększa rozmiar czczionki i kilku divów.

Podobne pytania

0 głosów
2 odpowiedzi 287 wizyt
0 głosów
1 odpowiedź 161 wizyt
0 głosów
3 odpowiedzi 699 wizyt
pytanie zadane 4 marca 2018 w HTML i CSS przez WireNess Stary wyjadacz (11,240 p.)

93,084 zapytań

142,045 odpowiedzi

321,466 komentarzy

62,432 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...