CSS Master

Figure 3.11. Emulating mobile devices and network speeds using your desktop browser

Firefox

InFirefox,theequivalentmodeisknownasresponsivedesignmode.It'sthesquare-

within-a-squareiconinthedevelopertoolspanelseeninFigure3.12.

Figure 3.12. Look for the square-within-a-square icon to activate Firefox's responsive mode

Inresponsivemode,youcantogglebetweenportraitandlandscapeorientations,

simulatetouchevents,andcapturescreenshots,asshowninFigure3.13.

104 CSS Master