في الماضي، من أجل إنشاء تخطيطات على أساس العرض من متصفح المستخدم، كان علينا أن استخدام جافا سكريبت – والأن ، فإن العملية أصبحت أسهل بكثير، وذلك بفضل وسائل الإعلام على الاستفسارات CSS.

الأسلوب 1 : ضمن الأنماط الخاصه

[html] @media screen and (min-width : 1200px) {
/* let’s do somethin’ */
}
[/html]

الأسلوب 2 : استيراد من داخل الأنماط الخاصه

[html] @import url( small.css ) screen and ( min-width: 1200px );
[html] أسلوب 3 : ارتباط الأنماط
[html] <link rel="stylesheet" media="screen and (min-width: 1200px)" href="small.css" />
[/html]

أسلوب 4 : استهداف اي فون

[html] <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="mobile.css" />
[/html]

المتصفحات التي تدعم CSS استفسارات وسائل الإعلام

• Firefox 3.5
• Opera 9.5
• Safari 3
• Chrome
• Internet Explorer 9