I am new in web development. and I wants to use the adaptive web designs in expression engine. can any help me that how we will use multiple screen sizes (Desktop, Mobile, Tablet) templates in expression engine. for example if we are saying home page template then i wanna create 3 different templates for home page. 1 for mobile 1 for tablet and 1 for desktop. system will automatically detect the device. my question is how to use multiple templates for home page.
Adaptive Web Design:
Adaptive web design is different from responsive design in that there isn’t one layout that always changes. Instead, there are several distinct layouts for multiple screen sizes. And the layout used depends on the screen size used. For example, there could be a specific layout for mobile phones, tablets, and desktop computers – each of which are made in advance. These three designs wait on standby until someone visits the site. The site detects the type of device used, and delivers the pre-set layout for that device. So instead of a single ball going through several different-sized hoops, you’d have several different balls to use depending on the hoop size.
Thanks in advance.