Bara få en stor bild när jag vill den ska vara stor

PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Lägg ett bokmärke på hela tråden
Skapa nytt inlägg   Svara på inlägget
Visa föregående ämne :: Visa nästa ämne  
Startad av: Meddelande
cazz



Medlem i: 5178 dagar
Från: Småland :)
Status: Offline



#742415
Inlägg Skrivet: 2018-12-26 17:42      Ämne: Bara få en stor bild när jag vill den ska vara stor Citera

Har ett antal kataloger och varje katalog har ett antal bilder


Bilderna är samma storlek när de är i samma katalog men varierar i de olika kataloger.


För att lösa detta så gjorde jag det enkelt. då visa bilder är för stora för att se på en surfplatta så jag körde med CSS och


KOD:
1:
        .imgbox {
2:
            display: grid;
3:
            height: 100%;
4:
        }
5:
        .center-fit {
6:
            max-width: 100%;
7:
            max-height: 100vh;
8:
            margin: auto;
9:
        }



Detta gör bilderna blir lättare att titta på en surfplatta men även på datorn.

Men en del äldre bilder är mindre storlek och tänkte då se om jag kunde förstora dessa bilder med i HTML koden sätta width='100%'.

Sakt och gjort jag gjorde det och det ser riktigt bra ut på surfplattan av alla dessa storlekar jag har.

Dock upptäckte jag när jag råkade testa i en webläsare på en dator att bilden töjs ut då en datorskärm har större upplösning än en surfplatta så nu undrar man om det finns någon lösning på problemet.
 

_________________
MVH
Cazz

"Men are pigs. Too bad we own everything."
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
LimpanDSS



Medlem i: 2424 dagar
Från: Stockholm
Status: Offline



#742416
Inlägget är accepterad som det rätta svaret Skrivet: 2018-12-31 04:48      Ämne: Citera

Test CSS media queries för att anpassa egenskaperna utifrån skärmstorleken.
 

_________________
Github
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
cazz



Medlem i: 5178 dagar
Från: Småland :)
Status: Offline



#742418
Inlägg Skrivet: 2018-12-31 15:55      Ämne: Citera

haha fasiken, jag tänkte något liknande som använda JS,visste inte sådant fanns i CSS som kan köra IF sats i skärmstorlek
 

_________________
MVH
Cazz

"Men are pigs. Too bad we own everything."
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
Visa tidigare inlägg:   
Skapa nytt inlägg   Svara på inlägget
PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Hoppa till:  
Du kan inte skapa nya inlägg i det här forumet
Du kan inte svara på inlägg i det här forumet
Du kan inte ändra dina inlägg i det här forumet
Du kan inte ta bort dina inlägg i det här forumet
Du kan inte rösta i det här forumet
Du kan inte bifoga filer i detta forum
Du kan inte ladda ner filer från detta forum
Kontakta oss på adressen: info@phpportalen.net
Webbplatsen bygger i grunden på phpBB © 2001, 2002 phpBB Group

Modifieringar har senare gjorts i systemet av PHPportalen
Sid och logotypdesign skapad av Daren Jularic