js et Css en fonction de la résolution

[jd440]

Bonjour à tous.

 

Je travaille actuellement sur une version en responsive, et je me demandait si il était possible de définir des Css et js en fonctions de la résolution, et tous cela combiné par ccc afin d'obtenir:

<link href="http://www.example.tld/themes/responsive/cache/48[...]c8_all.css" rel="stylesheet"/>
<link href="http://www.example.tld/themes/responsive/cache/48[...]c8_480.css" rel="stylesheet" media="(min-width:480px)"/>
<link href="http://www.example.tld/themes/responsive/cache/48[...]c8_728.css" rel="stylesheet" media="(min-width:728px)" />
<script src="http://www.example.tld/themes/responsive/cache/67[...]0b.js">
<script src="http://www.example.tld/themes/responsive/cache/67[...].js" media="(min-width:480px)">
<script src="http://www.example.tld/themes/responsive/cache/67[...].js" media="(min-width:728px)" >

[Szed]

Bonjour,

 

pour le JS cela ne sera pas possible.

Pour le CSS, ce que vous recherchez s'appelle les media-query : http://www.alsacreations.com/article/lire/930-css3-media-queries.html

[jd440]

Merci mais il ya incomprehension.

 

Puisque ma question ne portait pas sur les média queries, mais sur Prestashop.

afin d'éviter de charger un enorme Css sur les mobiles comprenant tout.

Je souhaite créer un Css de base, avec des Css addistionnel.

Dans un apporche Mobile-First.

 

En Bref, je souhaite savoir si il es possible de notamment définir $média dans le Header.tpl:

{if isset($css_files)}
    {foreach from=$css_files key=css_uri item=media}
    <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
    {/foreach}
{/if}

Concerant le Js, si si c'est possible

Avec du js..

if(screen.Width > 768){ ..}