Change a simple html form to be mobile compatible -


i have html form (an image text & select fields) change available mobile devices.

what's simplest solution accomplishing task ?

i found many explanations on web, complex needs... want have width of form adjustable according device, nothing more :)

any reference simple tutorial explains how basic adjustments mobile ?

you use css3 media queries build responsive layout.

for instance:

  @media (max-width: 767px) {         .yourformclass {             /* rules */         }   }    @media (min-width: 768px) , (max-width: 979px) {         .yourformclass {             /* rules */         }   }    /* other resolutions... */ 

i suggest read these articles:

  1. how use css3 media queries create mobile version of website;
  2. css media queries mozilla dev.

Comments

Popular posts from this blog

css - Which browser returns the correct result for getBoundingClientRect of an SVG element? -

gcc - Calling fftR4() in c from assembly -

.htaccess - Matching full URL in RewriteCond -