• 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.

+1 głos
168 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 Maniak (67,660 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 (219,270 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 Maniak (67,660 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 (179,600 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,910 p.)
<img src="obrazki/jakisobrazek.jpg" alt="jakis obrazek" width="300" height="200">

 

komentarz 19 czerwca 2021 przez SzkolnyAdmin Maniak (67,660 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,910 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 (219,270 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ź 112 wizyt
pytanie zadane 15 marca 2019 w HTML i CSS przez marada Nowicjusz (120 p.)
0 głosów
1 odpowiedź 169 wizyt
pytanie zadane 6 listopada 2018 w HTML i CSS przez niezalogowany
0 głosów
1 odpowiedź 82 wizyt

87,976 zapytań

136,557 odpowiedzi

304,510 komentarzy

58,337 pasjonatów

Motyw:

Akcja Pajacyk

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

Sklep oferujący ćwiczenia JavaScript, PHP, rozmowy rekrutacyjne dla programistów i inne materiały

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...