Open Bug 1058558 Opened 7 years ago Updated 10 months ago

Allow viewport zooming in Responsive Design Mode


(DevTools :: Responsive Design Mode, enhancement, P3)

34 Branch
Windows 8.1


(Not tracked)


(Reporter: andre.fiedler, Unassigned)


(Blocks 1 open bug)


(Whiteboard: [rdm-v2])

Allow the user to zoom the Responsive Design View. This will scale up the Viewport and Its containing Content. Zooming should be equal to webpage scaling. Press Ctrl+"+" to zoom-in (scale up) and Ctrl+"-" to zoom-out (scale down).

Maybe this is depending on or extending issue 758011
This feels like it could be handled by bug 758011 depending on how it is implemented / presented as a UI.
See Also: → 1124731
Summary: Allow to Zoom the Responsive Design View and it's Content → Allow viewport zooming in Responsive Design Mode
Priority: -- → P3
Whiteboard: [devtools-ux] → [rdm-v2]
Product: Firefox → DevTools
Duplicate of this bug: 856306

Recently, we fixed a couple issues related to zooming. Now in RDM when you zoom in and out, the content of the viewport is scaled, not the RDM UI (i.e. the RDM toolbar at the top stays at 100%, and the size of the viewport container doesn't change either).

If I understand correctly, the request here is to have a way to both zoom in and scale the viewport container up at the same time.
Changing this to an enhancement.

Type: defect → enhancement

Chrome has a fit to screen, zoom 100%, 125%, etc. As a front end dev ui/ux this would be amazing to have.

I second kris comment.

If this worked on it would be nice to also have the viewport always be centered by default. Right now it seems to be left aligned to where the menu is.

You need to log in before you can comment on or make changes to this bug.