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

Przeglądarka z nieznanych mi przyczyn powiększa obrazek.

VPS Starter Arubacloud
+1 głos
328 wizyt
pytanie zadane 19 czerwca 2021 w HTML i CSS przez PanRafal Początkujący (290 p.)

Bardzo bym prosił o pomoc, bo już mnie szlak trafia. Wstawiłem następujący kod: 

<img src="obrazki/jakisobrazek.jpg">

Z jakiegoś powodu przeglądarka wstawia go rozciągniętego (tak na oko dwukrotnie). Wiem dokładnie ile ten obrazek powinien zająć miejsca, bo w paincie ustawiłem jego rozmiary na 300/200. Nigdzie nie manipulowałem rozmiarami wstawianych obrazów, kod jest banalny, wstawiam obrazek tak jak to widać powyżej i przeglądarka go rozciąga. Nosz kur. Z góry dziękuję.

1
komentarz 19 czerwca 2021 przez SzkolnyAdmin Szeryf (86,280 p.)
1. Czy obrazek ma rzeczywiście rozmiary 300 na 200 pikseli?

2. Czy może w arkuszu stylów jest ustawiony styl dla znacznika img, np. width: 100%?
komentarz 19 czerwca 2021 przez Wiciorny Ekspert (269,120 p.)
3. dodałym gdzie go wstawia :) w czymś co ma jakąs klasę już co nadaje temu elementowi dodatkowe właściwości, czy może w kontenerze jakimś który na to wpływa itp ... ? :)

4. Sprawdziłbym w konsoli przeglądarki
komentarz 19 czerwca 2021 przez SzkolnyAdmin Szeryf (86,280 p.)
Bez całego kodu to tylko gdybanie. Ewidentnie coś w stylach chce rozciągnąć obrazek.
2
komentarz 19 czerwca 2021 przez ScriptyChris Mędrzec (190,190 p.)

Ale wy zdaje się nawet tego nie wiecie.  Matko Bosko, łudziłem się, że może tym razem na polskim forum ktoś mi pomoże, ale jednak trzeba iść na stackoverflow. Ludzie, jak znacie tylko podstawy css to nie udzielajcie się na takich forach, bo co wy możecie pomóc?

+

No właśnie widać, że dysponujecie wiedzą na poziomie pracownika szkolnego. To nic złego, ale po co mi zaśmiecacie wątek bzdurnymi odpowiedziami, które muszę czytać.. Spełniajcie się jakoś inaczej w życiu...

@PanRafal, upominam Cię po raz drugi. Proszę powstrzymaj się od aroganckich wypowiedzi. Jeśli masz jakieś zastrzeżenia co do udzielanej pomocy, to użyj argumentów merytorycznych. Już Ci tłumaczyłem, że rozwiązanie problemu może wymagać dopytania o szczegóły, bo często zbyt wiele czynników przyczynia się do jego powstania. Jeśli to sprawia Ci problem i zamierzasz utrzymywać swój obraźliwy ton wypowiedzi, to faktycznie - poszukaj pomocy na innym forum.

2 odpowiedzi

0 głosów
odpowiedź 19 czerwca 2021 przez ::{}:: Gaduła (3,890 p.)
<img src="obrazki/jakisobrazek.jpg" alt="jakis obrazek" width="300" height="200">

 

komentarz 19 czerwca 2021 przez SzkolnyAdmin Szeryf (86,280 p.)

Tylko, że prosty zapis stylu

img {width: 100%; height: auto;}

rozciągnie obrazek do szerokości kontenera i proporcjonalnie dopasuje wysokośc Twoja metoda zapewnię tylko rezerwację miejsca przez przeglądarkę, gdy obrazek się wczytuje.

komentarz 19 czerwca 2021 przez ::{}:: Gaduła (3,890 p.)
Przepraszam, mój błąd :P
komentarz 19 czerwca 2021 przez PanRafal Początkujący (290 p.)

@Oskarejro,Wiem, że mogę metodą prób i błędów sztucznie dostosować sobie jego rozmiary do moich potrzeb, ale chciałbym wiedzieć dlaczego on sam z siebie się powiększa.

0 głosów
odpowiedź 20 czerwca 2021 przez PanRafal Początkujący (290 p.)
Rozgryzłem to, piszę to dla osób, które być może będą miały taki sam problem. Windows uruchamia chrome w zmniejszonej rozdzielczości, to ma jakiś związek z rozwiązaniami dla tabletów i innych małych urządzeń, dokładnie nie wiem. W każdym razie przeglądarka wcale nie odpala się w oryginalnej rozdzielczości, chociaż zajmuje cały ekran. Ona faktycznie wyświetla ten obrazek w podanej ilości pikseli, ale przeskalowanych na rozdzielczość przeglądarki. Jak to zmienić? Jeszcze nie wiem, kombinuję od 2 godzin. W windowsie 8 ponoć można było włączyć opcję "Disable display scaling on high DPI", ale w 10 już jej nie ma, przynajmniej nie tam gdzie pokazują poradniki. Będę szukać dalej.
1
komentarz 20 czerwca 2021 przez Wiciorny Ekspert (269,120 p.)
sprwadź czy nie uruchamiasz przeglądarki w przeglądzie w trybie na telefon/tablet albo masz włączone "toggle device toolbar" https://developer.chrome.com/docs/devtools/device-mode/

Podobne pytania

0 głosów
1 odpowiedź 154 wizyt
pytanie zadane 15 marca 2019 w HTML i CSS przez marada Nowicjusz (120 p.)
0 głosów
1 odpowiedź 226 wizyt
pytanie zadane 6 listopada 2018 w HTML i CSS przez niezalogowany
0 głosów
1 odpowiedź 117 wizyt

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 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.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...