To use the viewport meta tag while developing Web applications, you must note the following: Using this tag, you can set the width, height, initial scale, and scale range for Web pages. The viewport meta tag enables you to customize the viewport size and zoom levels in a majority of mobile Web browsers. However, in a mobile Web browser, there are no window scrollbars and the viewport supports the zoom feature. The Web browser viewport does not support the zoom feature. If the viewport is smaller than the Web content size, horizontal and vertical scrollbars are displayed for page navigation. In a Web browser, the viewport size depends on the browser window size. Key Conceptsīefore building a Web application for multiple resolutions, make sure you are familiar with the following W3C Web content scaling standards, which must be taken into account when developing Web applications:Ī viewport defines the application area that displays the Web page content. To optimize images used in Web applications, images based on a single resource can be used in various resolutions. Tizen provides the UI scalability resolution feature, which allows you to create scalable applications. This feature is supported in mobile applications only.īefore implementing multiple screen support, make sure you are familiar with the key concepts of multiple screen support. When developing Tizen Web applications, you must take this into account if you want your application to function well in various device models. Tizen is available in various devices which support different screen sizes and resolutions. Multiple Screen Support: Supporting Different Screen Sizes

Html optimizer for screen resolution