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

mod rewrite - Using "?" when rewriting the URL -

.htaccess: Transfer name to index.php if not directory public -

Admob integration with pygame in android -