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 ;)

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

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!

Ik snap de vraag niet helemaal, maar bedoel je misschien met een media query? -> https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Origineel gepost door R v/d Sanden

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!

Volgens mij is dat puur omdat jij gewend bent aan een hogere resolutie. Ik heb tijden ook met een mindere monitor gedaan en toen was dat normaal. Nu ik op 4k zit en ik kijk naar een groot scherm met lage resolutie dan denk ik net als jij, wat lelijk. Maar ik denk dat dat door jou perceptie komt.

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?

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.

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.

Dit topic is ondertussen al 3 jaar oud.en topic starter is al een half jaar niet meer online geweest bij SD.