Hallo allemaal,
Voor het volgende heb ik nooit echt een oplossing voor gevonden, wellicht hebben jullie die wel.
Het volgende:
Pagina X heeft bepaalde afmetingen wat op een 2K monitor de perfecte verhoudingen heeft.
Als ik X bekijk op een full hd of kleinere resolutie monitor, dan zijn die verhoudingen er nog wel, maar lijkt het alsof je ingezoomd hebt.
Op zich logisch, maar hoe kun je via CSS triggeren op resolutie of met eenheden werken die hier wel rekening mee houden.
Ik weet hoe ik afbeeldingen e.d. op hoge resolutie scherp moet krijgen en dat je divs e.d. via media queries aan kunt passen, daar zoek ik niet naar.
Wat ik zoek is een soort CSS eenheid of (goede) schaalfunctie die getriggerd wordt door de resolutie van een scherm zodat het op kleinere schermen niet ingezoomd lijkt.
Enige wat nu mogelijk in de buurt komt is vw en vh.
Ben benieuwd of jullie die puzzel al eens opgelost hebben ;)
- Website schalen a.d.h.v. resolutie?
-
23-10-2019, 16:06 #1
- Berichten
- 430
- Lid sinds
- 14 Jaar
Website schalen a.d.h.v. resolutie?
Laatst aangepast door R v/d Sanden : 23-10-2019 om 16:14
-
23-10-2019, 16:32 #2
- Berichten
- 5.601
- Lid sinds
- 17 Jaar
Re: Website schalen a.d.h.v. resolutie?
Als het op kleinere schermen niet ingezoomd lijkt, zou je daar dus kleinere letters krijgen. Wil je de leesbaarheid van je website echt wel verminderen? Ik heb op mijn 14,1 inch laptopje een full-HD scherm maar heb daar alles toch liever 125% ingezoomd omdat ik anders (ondanks de leesbril) bijna met mijn neus in het scherm moet duiken (en eindigt mijn dag onherroepelijk met nekklachten).
Maar misschien kom je hier wat verder mee: https://developer.mozilla.org/en-US/...vicePixelRatio
-
23-10-2019, 17:50 #3
- Berichten
- 430
- Lid sinds
- 14 Jaar
Re: Website schalen a.d.h.v. resolutie?
Helemaal mee eens, heb het ook niet helemaal goed toegelicht. Op een kleine laptop is dat inderdaad wel nodig. Maar een >24 inch scherm dat enkel 1080p aan kan ziet er echt niet uit. Uiteraard niet mijn probleem dat mensen deze combinatie hebben, maar wellicht dat ik met jouw optie dit deels kan oplossen. Bedankt!
-
23-10-2019, 19:27 #4
- Berichten
- 374
- Lid sinds
- 14 Jaar
Re: Website schalen a.d.h.v. resolutie?
Ik snap de vraag niet helemaal, maar bedoel je misschien met een media query? -> https://www.w3schools.com/css/css_rwd_mediaqueries.asp
-
23-10-2019, 20:34 #5
- Berichten
- 1.412
- Lid sinds
- 15 Jaar
Re: Website schalen a.d.h.v. resolutie?
Helemaal mee eens, heb het ook niet helemaal goed toegelicht. Op een kleine laptop is dat inderdaad wel nodig. Maar een >24 inch scherm dat enkel 1080p aan kan ziet er echt niet uit. Uiteraard niet mijn probleem dat mensen deze combinatie hebben, maar wellicht dat ik met jouw optie dit deels kan oplossen. Bedankt!
-
24-10-2019, 06:38 #6
- Berichten
- 52
- Lid sinds
- 10 Jaar
Re: Website schalen a.d.h.v. resolutie?
Ben benieuwd om welke website het gaat. Ik werk dagelijks op zowel een 13 in Macbook als een 27 inch iMac. Dat is ook altijd even omschakelen en herken wat jij zegt.
Zoek je misschien de "em" font unit?
-
30-03-2020, 14:00 #7
- Berichten
- 240
- Lid sinds
- 13 Jaar
Re: Website schalen a.d.h.v. resolutie?
Voor bepaalde websites gebruik ik "vw", dat is een waarde op basis van de "Viewport width", dus hoe kleiner het scherm is hoe kleiner de fonts en breedtes worden. Het is wel een ingewikkeld werkje ;) Als je er vragen over hebt kan je me altijd een PB sturen.
-
10-12-2022, 01:39 #8
- Berichten
- 104
- Lid sinds
- 14 Jaar
Re: Website schalen a.d.h.v. resolutie?
Waarschijnlijk krijgt je wrapper een andere max width of width op bepaalde pagina's en is deze niet goed gestyled via de CSS. Overigens kan het ook zijn dat je een script op bepaalde pagina's gebruikt die je body of html stylen zoals een bootstrap, standaard script base layout o.i.d.
-
10-12-2022, 13:20 #9
- Berichten
- 207
- Lid sinds
- 4 Jaar
Re: Website schalen a.d.h.v. resolutie?
Dit topic is ondertussen al 3 jaar oud.en topic starter is al een half jaar niet meer online geweest bij SD.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic