Hoe kan ik de breedst van dit image 100% krijgen voor mobiel
Jan van Beugen
08/11/2015 20:56:06Hallo,
Dit is een vraag over Media Queries. Ik heb een eenvoudige html gemaakt met 2 kolommen in een table. De linker kolom bevat een image, de rechter tekst. Nu wil ik graag dat de tekst onder de image schuift als de breedte van het scherm kleiner wordt dan 550px. En verder wit ik dat het image bij een klein scherm de hele breedte van het scherm vult. Het schuiven van de tekst onder de foto werkt goed, maar de foto blijft veel te smal. Ik heb er een stukje media querie ingedaan (img[class="img-max"]), maar het werkt niet. Kan iemand me helpenom het werkend te krijgen?
De codes kan je vinden op jsfiddle: http://jsfiddle.net/Kippie32/2hqg7xzs
Thanks!
Dit is een vraag over Media Queries. Ik heb een eenvoudige html gemaakt met 2 kolommen in een table. De linker kolom bevat een image, de rechter tekst. Nu wil ik graag dat de tekst onder de image schuift als de breedte van het scherm kleiner wordt dan 550px. En verder wit ik dat het image bij een klein scherm de hele breedte van het scherm vult. Het schuiven van de tekst onder de foto werkt goed, maar de foto blijft veel te smal. Ik heb er een stukje media querie ingedaan (img[class="img-max"]), maar het werkt niet. Kan iemand me helpenom het werkend te krijgen?
De codes kan je vinden op jsfiddle: http://jsfiddle.net/Kippie32/2hqg7xzs
Thanks!
PHP hulp
19/12/2024 01:13:30Jan R
09/11/2015 07:17:07bij mij eerste optie in google :)
http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Gewijzigd op 09/11/2015 07:21:13 door Jan R