Dans mon projet J'utilise un css réactif pour que la mise en page s'adapte à l'appareil. Mais j'ai besoin de changer le rendu d'une liste non ordonnée (utilisée par un carrousel). Fondamentalement, pour le bureau et l'iPad je rends effectivement la liste comme ceci:Rendu html basé sur le type de périphérique
<div id="carousel">
<div id="slide_A">
<ul class="carousel">
<li><div class="item">AAA</div></li>
<li><div class="item">BBB</div></li>
<li><div class="item">CCC</div></li>
</ul>
</div>
<div id="slide_B">
<ul class="carousel">
<li><div class="item">DDD</div></li>
<li><div class="item">EEE</div></li>
<li><div class="item">FFF</div></li>
</ul>
</div>
Sinon pour l'appareil comme l'iPhone le code devrait être ceci:
<div id="carousel">
<div id="slide_A">
<ul class="carousel">
<li><div class="item">AAA</div></li>
</ul>
</div>
<div id="slide_B">
<ul class="carousel">
<li><div class="item">BBB</div></li>
</ul>
</div>
<div id="slide_C">
<ul class="carousel">
<li><div class="item">CCC</div></li>
</ul>
</div>
....
est-il une chance de détecter côté serveur (C#) l'agent utilisateur actuel ou le type d'appareil? grâce
Pourquoi exactement? Les chances sont là une autre façon de faire ce que vous essayez de faire ... –
Parce que sur iPhone, j'ai besoin d'ajouter une diapositive pour chaque div donc le défilement montre une image par page (si je voudrais montrer 6 images, ils sembleraient trop peu) – Ras