With the rise of mobile traffic, every website must be adapted to smaller screens. The two main approaches are dedicated mobile version and Responsive Web Design (RWD).

Dedicated Mobile Version

A separate site at an address like m.example.com or example.com/mobile.

Advantages

  • Full control over the mobile version
  • Ability to simplify content
  • Faster loading (fewer resources)

Disadvantages

  • Two separate systems to manage
  • Double work for updates
  • SEO problems (duplicate content)
  • Need for redirects

Responsive Web Design (RWD)

One website that automatically adapts to screen size.

Advantages

  • One URL - better for SEO
  • One CMS to manage
  • Automatic adaptation to all devices
  • Easier maintenance

Disadvantages

  • All resources loaded on every device
  • More complex CSS
  • Requires thoughtful design from the start

Comparison

AspectMobile VersionRWD
URLm.example.comexample.com
SEOProblematicOptimal
Management2 systems1 system
PerformanceMay be betterDepends on implementation
Maintenance CostHigherLower

CSS Units for RWD

Instead of fixed pixels, use relative units:

/* Instead of */
font-size: 16px;
width: 960px;

/* Use */
font-size: 1em;
width: 100%;
max-width: 60rem;

Mobile Traffic Statistics

Currently, over 50% of internet traffic comes from mobile devices. Android is the dominant system.

Recommendation

RWD is the better choice for most projects:

  • One codebase to maintain
  • Better SEO
  • Ready for future devices
  • Lower long-term costs

Summary

Responsive Web Design has become the industry standard. Dedicated mobile versions only make sense in specific cases, such as applications with drastically different functionality on mobile and desktop.