Jak zrobić by div nie powiększał się wraz ze stroną?

Question

Witam.

Na początku chciałem powiedzieć, że jesteście świetni! Jak dotąd napisałem dwa tematy na forum i dostałem konkretną i pomocną odpowiedź. Teraz kolejne pytanie z serii HTML/CSS, mam nadzieję, że i tym razem mi pomożecie.

Przechodząc do konkretów chciałbym zrobić przycisk do wylogowywania dla użytkownika. Konkretnie chodzi mi o to by ten przycisk: https://cdn3.iconfinder.com/data/icons/token/128/Power-Shutdown.png służył jako przycisk do wylogowywania. Teraz pytanie... Jak najlepiej to zrobić? Czy włożyć go w diva i jako tło tego diva? Czy w htmlu go dać znacznikiem <img src... /> A może jest jakiś inny lepszy sposób? Bo ogólnie chodzi mi o to by ten przycisk nie powiększał się wraz z powiększaniem strony w przeglądarce przy użyciu CTRL+scroll myszy.

Byłbym wdzięczny za wszelką pomoc!

Answer 1

Zrób to najlepiej za pomocą img i mu nadaj w HTML lub CSS height oraz width.
Niestety [chyba] nie będzie to działało na zoom, [CTRL + SCROLL] ponieważ jest to powiększenie danego obszaru. Bo to własnie oznacza słowo zoom - powiększenie. Jeżeli chodzi urządzenia z mniejszą rozdzielczością to zawsze będzie miał ten obrazek rozmiary, które ustawisz.

Answer 2

Jeżeli to jest przycisk, może warto użyć znacznika button? Rzecz jasna należy go odpowiednio wystylizować, aby wyglądał jak należy ;)

Comments

W tym wypadku powiedziałbym, że to raczej link (zwykle wylogowanie to przejście na stronę wylogowującą, nie wykonanie akcji w obrębie jakiejś strony).

---

Tak poza tym użył bym fontello ponieważ jest tam znaczek off.

---

A ja SVG ;) Np stąd: https://design.google.com/icons/#ic_power_settings_new

Answer 3

A czemu ma nie działać na to? Bo prawdę mówiąc nie widzę sensownego powodu.

Popróbowałbym z max-height i max-width.