User Tools

Site Tools


css:responsive-design-breakpoints-table

CSS: Responsive design breakpoints table

This code can help you see/test in the page the responsiveness of your code.

<div style="font-size:10px">
	<div style="width:240px;height:12px;background-color:#bfb">240 Omnia2 V</div>
	<div style="width:320px;height:12px;background-color:#eee">320 S3/S4 iPhone 4/5 V</div>
	<div style="width:360px;height:12px;background-color:#bfb">360 S5 V</div>
	<div style="width:375px;height:12px;background-color:#eee">375 iPhone 6 V</div>
	<div style="width:400px;height:12px;background-color:#bfb">400 Omnia2 H</div>
	<div style="width:480px;height:12px;background-color:#eee">480 iPhone 4 H</div>
	<div style="width:568px;height:12px;background-color:#eee">568 iPhone 5 H</div>
	<div style="width:640px;height:12px;background-color:#bfb">640 S3/S4/S5 H</div>
	<div style="width:667px;height:12px;background-color:#eee">667 iPhone 6 H</div>
	<div style="width:768px;height:12px;background-color:#eee">768 iPad V</div>
	<div style="width:1024px;height:12px;background-color:#eee">1024 iPad H</div>
</div>
css/responsive-design-breakpoints-table.txt · Last modified: 2014/11/24 13:20 by rik