Different versions Mobile and Desktop browsers

How i can create different web pages for mobile and desktop browsers?

like this structure:

component-logic.js
component-template-mobile.html
component-template-desktop.html

To phone browser given only this files: component-logic.js, component-template-mobile.html

To desktop browser given only this files: component-logic.js component-template-desktop.html files

I not want the html and css code of the desktop version to load if a user opens the site by the phone. This is the basic thing webpack can do. Can’t an isomorphic meteor do this?

Usually a router (Iron:router, Flowrouter) lets you define a layout. I had good experience to use a different layout (and even ui frameworks) for mobile/desktop this way

1 Like