HTML and CSS Reference
In-Depth Information
Figure 6-15.
The shrinking window
You can do the same thing with
video
elements using the following style rule:
.video embed, .video object, .video iframe
{
width: 100%;
height: auto;
}
Viewing the Page on a Mobile Device
For a final test, display the site using Chrome and enable the Ripple emulator as I showed you earlier. Select the
PhoneGap platform. Your page should look like Figure
6-16
.
