Width between 980 pixels and 1199 pixels (tablet, landscape). Width between 768 pixels and 979 pixels (tablet, portrait).Maximum width of 767 pixels (phone, landscape).Maximum width of 480 pixels (phone, portrait).For example, the following ranges of viewport widths correspond with various device types and orientations according to the window dimensions.ĭevelop Adobe Experience Manager (AEM) applications that generate HTML5 pages that adapt to multiple window sizes and orientations. Images: Serving image renditions that are appropriate for the client viewport.Navigation: Device-specific tools are provided for accessing other pages.Content: Include only the most important content when displaying on smaller devices.Text size: Use larger text size (when appropriate, such as headings) in larger viewports.Layout: Use single-column layouts for smaller viewports, and multiple-column layouts for larger viewports.The following image demonstrates some ways in which a page can respond to changes in viewport size: With responsive design, the same pages can be effectively displayed on multiple devices in both orientations. See the document We.Retail Reference Implementation for how to download and install Geometrixx.ĭesign your web pages so that they adapt to the client viewport in which they are displayed. Various examples are based on the Geometrixx sample content, which is no longer shipped with AEM (Adobe Experience Manager), having been replaced by We.Retail.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |