css media - Probleme



  • Hallo ich verwende Joomla 3.6 mit Bootstrap 3.
    Ich bin noch ganz am Anfang, möchte aber auf meiner Seite einen Textblock darstellen, der in Abhängigkeit von der aktuellen Aulösung seine Schriftgröße ändert.
    Hier meine CSS - Datei

    @media screen and (min-width: 544px) and (max-width: 767px) {
    	#vca-textbox{	
    		font-size: 14px; 
    	} 
     }
    
    @media screen and  (min-width: 768px) and (max-width: 991px) {
    	#vca-textbox{	
    		font-size: 16px; 
    	} 
     }
    
    @media screen and (min-width: 992px) and (max-width: 1199px) {
    	#vca-textbox{	
    		font-size: 18px; 
    	} 
    }
    
    @media screen and  (min-width: 1200px) { 
    	#vca-textbox{	
    		font-size: 20px; 
    	}
    }
    

    Leider wird der div - Block (vca-textbox) immer mit der selben Schriftgröße ausgespielt.
    Hat jemand eine Idee.


  • Mod

    Du kannst mit den Webdeveloper Tools deines Browsers dir mit Element Untersuchen genau ansehen welcher Selector dir hier rein pfuscht.

    btw, deine Media Queries sind unnötig kompliziert - du machst idR nur ein max-width und der unterste Query gewinnt dann.


Anmelden zum Antworten