communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > 如何实现自适应_html/css_WEB-ITnose

如何实现自适应_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 12:08:44
original
1223 Les gens l'ont consulté

请假各位大神！！！

如何实现根据浏览器的窗口大小进行标签宽度的自适应？
在下很急。。。。

例如这样的一个网站  http://www.yohobuy.com/search?msort=2&misort=21&sort=124

它的li可以根据窗口的大小进行改变，但是li的位置不会偏移
请问实现原理是如何的。。


谢谢各位大神了


回复讨论(解决方案)

width:100%

js控制的吧

宽度自适应有2种方式

一是用百分比代替具体的多少   px
二是使用JS判断当前窗口的宽度，再去分配宽度。。

宽度自适用；那就是width：100% 

Étiquettes associées：
如何实现自适应
source：php.cn
Article précédent：菜鸟求助“加了<li>标签后文本左间距大了很多”_html/css_WEB-ITnose Article suivant：怎样在HTML中编写代码，点击某个按钮或者图片或者链接字就可以打开本地计算机或者某个应用。_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Quelles sont les meilleures pratiques pour afficher les informations de version dans les applications Web ? Je développe une application Web. Quelles sont les meilleures pratiques pour afficher les ...
Depuis 2024-04-06 19:13:16
0
2
476
Générez des valeurs par défaut et des variables CSS à l'aide de SCSS J'implémente le style du site Web. Pour des raisons de support hérité, je dois prendre en ...
Depuis 2024-04-06 17:46:54
0
1
355
Bordure inférieure CSS sur la barre de navigation J'ai une barre de navigation et j'ai ajouté une ligne rouge en bas lorsqu'un élément de la...
Depuis 2024-04-06 15:04:41
0
2
347
vue vee-validate capture le problème de la sélection du sélecteur de date La liaison v-model sur mon champ de sélecteur de date ne fonctionne pas correctement. Lors...
Depuis 2024-04-06 11:38:56
0
1
510
Erreur générale dans Laravel 9.x : le champ 'id' n'a pas de valeur par défaut J'utilise des UUID dans mon application et j'ai implémenté le trait comme indiqué en ligne...
Depuis 2024-04-06 11:12:54
0
1
350
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal