Jump to content

Cohérence des interfaces sites, mobiles et tablettes


Recommended Posts

coucou

 

alors un peu de lecture ^^

 

http://www.alsacreations.com/article/lire/930-css3-media-queries.html

 

ensuite dans les pour chaque tailles d'ecran on defini les changement avec

@media screen and (max-width: 640px) 
{
instruction css
}

ou
@media screen and (min-width: 200px) and (max-width: 640px)
{
instruction css
}

pour voir ce que ça donne

 

avec chrome install le plugin dimension 

 

avec  firefox

 http://www.tassedecafe.org/2551-tester-webdesigns-mode-responsive-firefox.html

 

@++

 

loulou66

Share this post


Link to post
Share on other sites

Sauf que dans le cas de @Vanneste, il semble qu'il parle du thème mobile de Prestashop, et non d'un thème responsive.

Et ce thème mobile la, est présent dans votre dossier /theme/default/mobile (de mémoire), et possède son propre CSS.

Share this post


Link to post
Share on other sites

Bonsoir,

Effectivement Szed a bien ciblé mon sujet et les infos données me permettent d'avancer. Il s'agit bien du css indiqué.

Mais je garde précieusement les infos de loulou66 qui permettront d'évoluer lorsque mon site sera plus mature.

Grand merci

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More