The mobile development solution of yesterday was to create two variations of a website–one for mobile devices with smaller screens and the other a standard website designed for desktop computers. By using the “user agent string” of the website visitor’s browser, the appropriate version of the site is served to the visitor.
Another approach is to optimize a website design to adapt to several different screen sizes, such as mobiles, desktops and tablets. The problem is that there are far more devices in use today, and it is getting difficult to keep up with the various screen sizes and orientations.
The CSS answer to this problem is to create one standard layout for the website, and allow CSS to adjust itself based on the width of the website visitor’s screen–automatically. When a mobile visitor hits the website, the sidebar is shown if the mobile device’s screen resolution is more than 768 pixels, along with other page elements, depending on the screen size.
Read the original article here.
The original home of HTML tutorials. HTMLGoodies is a website dedicated to publishing tutorials that cover every aspect of being a web developer. We cover programming and web development tutorials on languages and technologies such as HTML, JavaScript, and CSS. In addition, our articles cover web frameworks like Angular and React.JS, as well as popular Content Management Systems (CMS) that include WordPress, Drupal, and Joomla. Website development platforms like Shopify, Squarespace, and Wix are also featured. Topics related to solid web design and Internet Marketing also find a home on HTMLGoodies, as we discuss UX/UI Design, Search Engine Optimization (SEO), and web dev best practices.
Property of TechnologyAdvice. © 2025 TechnologyAdvice. All Rights Reserved
Advertiser Disclosure: Some of the products that appear on this site are from companies from which TechnologyAdvice receives compensation. This compensation may impact how and where products appear on this site including, for example, the order in which they appear. TechnologyAdvice does not include all companies or all types of products available in the marketplace.
