Use this topic to learn how to increase the magnification (zoom in) in the Document window in Dreamweaver to check the pixel accuracy of graphics, select small items more easily, design pages with small text, design large pages, and more.
The user interface has been simplified in Dreamweaver CC and later. As a result, you may not find some of the options described in this article in Dreamweaver CC and later. For more information, see this article.
Dreamweaver lets you increase the magnification (zoom in) in the Document window so that you can check the pixel accuracy of graphics, select small items more easily, design pages with small text, design large pages, and so on.
The zooming tools are only available in Design view.
Zoom in or out on a page
-
Click the Zoom tool (the magnifying glass icon) in the lower-right corner of the Document window.
-
Do one of the following:
Click the spot on the page you want to magnify until you’ve achieved the desired magnification.
Drag a box over the area on the page that you want to zoom in on and release the mouse button.
Select a preset magnification level from the Zoom pop‑up menu.
Type a magnification level in the Zoom text box.
Note:You can also zoom in without using the Zoom tool by pressing Control+= (Windows) or Command+= (Macintosh).
-
To zoom out (reduce magnification), select the Zoom tool, press Alt (Windows) or Option (Macintosh) and click on the page.Note:
You can also zoom out without using the Zoom tool by pressing Control+- (Windows) or Command+- (Macintosh).
Edit a page after zooming
- Click the Select tool (the pointer icon) in the lower-right corner of the Document window, and click inside the page.
Pan a page after zooming
-
Click the Hand tool (the hand icon) in the lower-right corner of the Document window.
-
Drag the page.
Fill the Document window with a selection
-
Select an element on the page.
-
Select View > Fit Selection.
Fill the Document window with an entire page
Fill the Document window with the entire width of a page
Select View > Fit Width.