HTML and CSS Reference
In-Depth Information
figure 8-53
Media style sheets for internet explorer prior to version 9
Internet Ex
p
lorer
prior to version 9
loads the style sheets
for all device screens
◗
2.
Save your changes to the file and then reload
treebook.htm
in your Web browser.
Verify that the appearance of the page has not changed.
◗
3.
You can test the effect of the media query without having access to a mobile device
by changing the width of the browser window. Reduce the browser window now
and verify that when the width is less than or equal to 500 pixels, the Web page is
displayed using only the current mobile style sheet. See Figure 8-54.
figure 8-54
Page layout at browser window width less than or equal to 500 pixels
◗
4.
If you have access to a mobile device or emulator and can install your Web site on
a Web server, upload the contents of the Tree and Book Web site to your server
and verify that the appearance of the page resembles that shown in Figure 8-54.
With the media queries in place, you are ready to create the mobile style sheet.
