지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > 如何实现自适应_html/css_WEB-ITnose

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

WBOY
풀어 주다： 2016-06-24 12:08:44
원래의
1223명이 탐색했습니다.

请假各位大神！！！

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

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

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


谢谢各位大神了


回复讨论(解决方案)

width:100%

js控制的吧

宽度自适应有2种方式

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

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

관련 라벨：
如何实现自适应
원천：php.cn
이전 기사：菜鸟求助“加了<li>标签后文本左间距大了很多”_html/css_WEB-ITnose 다음 기사：怎样在HTML中编写代码，点击某个按钮或者图片或者链接字就可以打开本地计算机或者某个应用。_html/css_WEB-ITnose
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
웹 애플리케이션에 버전 정보를 표시하는 모범 사례는 무엇입니까? 웹 애플리케이션을 개발 중입니다. 웹 애플리케이션에 버전 정보를 표시하는 모범 사례는 무엇입니까? 저는 semantic versioning을 사용하고 있고 이미 ...
에서 2024-04-06 19:13:16
0
2
476
SCSS를 사용하여 기본값 및 CSS 변수 생성 웹사이트 스타일링을 구현하고 있습니다. 레거시 지원상의 이유로 적어도 한동안은 IE11을 지원해야 합니다. 작업 흐름과 제정신의 이유로 가능할 때마다 CSS 변수...
에서 2024-04-06 17:46:54
0
1
355
탐색 모음의 CSS 하단 테두리 탐색 모음이 있고 목록의 항목을 마우스로 가리키면 하단에 빨간색 선을 추가했지만 제목(예: "서비스") 아래로 빨간색 선을 이동하고 싶습니다. ...
에서 2024-04-06 15:04:41
0
2
347
vue vee-validate는 날짜 선택기 선택 문제를 포착합니다. 내 datepicker 필드의 v-model 바인딩이 제대로 작동하지 않습니다. 선택하면 화면에 실시간으로 업데이트되지만 formValues ​​반응형 개체에 값...
에서 2024-04-06 11:38:56
0
1
510
Laravel 9.x의 일반 오류: 'id' 필드에 기본값이 없습니다. 내 앱에서 UUID를 사용하고 있으며 다음과 같이 온라인에 표시된 특성을 구현했습니다. traitUuid{protectedstaticfunctionboot():v...
에서 2024-04-06 11:12:54
0
1
350
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿