Chrome DevTools
Responsive mód és eszköz szimuláció
Device toolbar, viewport méretezés, DPR, network/CPU throttling, és tipikus mobil hibák.
Responsive mód és eszköz szimuláció
Aktiválás
Toggle device toolbar: Ctrl+Shift+MHasznos funkciók
- Rotate
- DPR
- Network throttling
- CPU throttling
Responsive CSS tesztelése
@media (max-width: 768px) {
.nav {
flex-direction: column;
}
}Tipikus mobil hiba-okok
- fixed elemek scrollnál elcsúsznak
- touch target túl kicsi (ajánlott minimum: 44x44)
- overflow miatt vízszintes scroll
- viewport meta tag hiány