كيف اجعل قالب html/css متجاوب على جميع الشاشات

بأمكانك تعلم تجاوب موقعك عن طريق ال Media Queries في CSS3

وذالك يتم تحديد حجم شاشه معين وتقوم بالتعديل على شكل الموقع بهذا الحجم

مثال :

@media (max-width: 400px) {

html { background: red; }

}

@media (min-width: 401px) and (max-width: 800px) {

html { background: green; }

}

@media (min-width: 801px) {

html { background: blue; }

}

ودا فيديو يشرح الميديا كويرى بالتفصيل

بالتوفيق لك