Responsive Zoom Media Screen Problemi

Frontend çalışmaları yaparken responsive tasarım yapmaya dikkat ederiz ve bazen zoom out veya zoom in browser üzerinden yapıp tasarımı test ederiz? 🙂

Bildiğiniz üzere css tarafında farklı ölçekli cihazlar için @media etiketini kullanırız.

Yaptığım bir araştırmaya göre zoom in veya zoom out browser üzerinden yaptığınız zaman sayfa gördüğünüz gibi screen sizeları değişmiyor.

Veriler gösteriyor ki %175 zoom oranın da ekran çözünürlüğü 732px. Bu sonuçlar da durumu ispatlar nitelikte.

Farklı cihazlarda test için tarayıcınızın inspect (incele) bölümünden farklı çözünürlükler için denemelerinizi yapabilirsiniz.