Learning
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+M

Hasznos 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

On this page