font-size vw aanpassen aan div

Door Danny von Gaal op 07-11-2016 12:21

3.612 views

Ik wil dat de font-size in mijn div zich aanpast aan de breedte van mijn div. Dus wanneer er text in komt dat langer is dan de breedte van de div dat de font-grootte kleiner wordt.

Dit is wat ik heb alleen de font-size: 4vw; wordt alleen toegepast op mijn schermgrootte en niet op die van mijn div. De tekst komt nog steeds voorbij de div en wordt alleen kleiner als ik heel mijn browser klein maak.


	<div id="tileswrapper">
	
		<div class="tile tile-logo">&nbsp;</div>
		<div class="tile tile-cert">&nbsp;</div>
		<div id="flip">
			<div class="tile tile-pwd front">
				<p class="text-center">Klik voor<br/>wachtwoord</p>
			</div>
			<div class="tile tile-pwd back">
				<p class="text-center">435DFGrfghjghjghjf45</p>
			</div>
		</div>
		<div class="tile tile-help">&nbsp;</div>
	
	</div>


#flip, .tile-pwd {
	font-size: 4vw;
	width: 466px;
	height: 258px;
}

Ozzie PHP

08-11-2016 16:00

>> en in de toekomst wordt dit misschien verhoogt naar 10

Tja ... ik lees "in de toekomst" en ik lees "misschien".

Dat zijn maar liefst 2 onzekerheden. Wat houdt je tegen om het nu in te richten voor 8 tekens en ALS het er ooit 10 worden even de font-size aan te passen?

Begrijp me niet verkeerd hoor. Van mij mag je gerust een javascript oplossing implementeren, maar je bouwt dan iets in "voor het geval misschien ooit wie weet in de toekomst".

Ik zou zeggen, stel de font-size nu gewoon vast in, en verander dat getalletje als het ooit 10 tekens worden. ;-)

Reageren

Inloggen om te reageren