Simple Media Queries Tester


CSS Media Queries are getting more popular and the adjustment of the size of a website for different clients or the size of the browsers are more necessary. The Media Queries are a solution, which also have its advantages and disadvantages. It was a disadvantage, when using, that I couldn’t see all sizes at the same time. So why not just a small script, the iframe element. If you like to use it, here is a simple solution or you can use the current script in my “Test-Laboratory”.


The solution can be expanded and improved, enjoy.

You can store the following code in a PHP file and can then be used. I played a little with CSS and adapted it; also browser support is probably not very large because I purely use HTML5 and CSS3 and don’t use any scripts.

 
 
 
	 
	
	Simple Media Queries Tester 
	
	 
	 
	
	

 

	

Simple Media Queries Tester

Test your URL
'; echo ''; echo ''; } else { echo "no page loads - enter address"; } ?>

Posted

in

by

Tags:

Comments

One response to “Simple Media Queries Tester”

  1. sebastien Avatar
    sebastien

    if an iframe can recognize that a site have an iphone version for example and display this version, that’s more great.