Responsive behaviors enable a layout to adjust according to screen size, providing an optimal user experience on a desktop, tablet, and phone.
To achieve responsive behaviors, render your application in HTML5 Document Type and build your UI using flexible layouts such as screen layouts, dynamic layouts, and column layouts. These layouts separate content from presentation by defining the layout presentation, including responsive breakpoints, in the skin.
Screen layouts, dynamic layouts, and column layouts are available only to user interfaces rendered in HTML 5 Document Type (standards mode). Use the HTML5 Application Readiness landing page or refer to Upgrading an application to render in HTML5 Document Type on the PDN for more information.