简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

레이블 요소의 높이를 화면의 백분율로 설정하는 jquery 소개

不言
풀어 주다： 2018-07-02 14:52:41
원래의
1207명이 탐색했습니다.

이 글에서는 주로 레이블 요소의 높이를 화면의 백분율로 설정하는 js를 소개합니다. 필요한 친구는

html 부분을 참조할 수 있습니다: 

<body>
<p id="margin_box"></p>
</body>
로그인 후 복사

jquery 부분: 

<script>
   $(function(){
       var percent =0.15; 
       $("#margin_box").css("height",window.document.body.clientHeight*percent)
   })
</script>
로그인 후 복사

The 위 내용은 전체 내용입니다. 모든 분들의 학습에 도움이 되었으면 좋겠습니다. 더 많은 관련 내용은 PHP 중국어 홈페이지를 참고해주세요!

관련 권장 사항:

jQuery 모바일 클래스 라이브러리를 사용할 때 탐색 기록을 로드하는 방법

JSON 형식 데이터를 기반으로 하는 간단한 jQuery 슬라이드쇼 플러그인(jquery-slider) 소개

위 내용은 레이블 요소의 높이를 화면의 백분율로 설정하는 jquery 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
js标签元素高 屏幕的百分比
원천：php.cn
이전 기사：JSON 형식 데이터를 기반으로 하는 간단한 jQuery 슬라이드쇼 플러그인(jquery-slider) 소개 다음 기사：jQuery 우측하단 링메뉴 회전 특수효과 구현
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
맞춤 요소에는 닫는 태그가 필요합니까? 내가 정의한 요소(컨텐츠가 필요하지 않음)는 닫는 태그 없이도 제대로 작동하는 것 같습니다. 이것이 단지 브라우저의 문제인지 궁금합니다. 평결은 무엇입니까? 이론...
에서 2023-10-29 22:40:33
0
1
307
VS Code에서 HTML 요소(태그 및 콘텐츠)를 선택하고 삭제하는 방법은 무엇입니까? 첫째, "Emmet:RemoveTag" 기능이 있지만 이는 특정 태그에 대한 래퍼만 제거합니다. 하위 요소를 포함한 전체 요소는 삭제되지 않습니...
에서 2023-09-19 10:55:17
0
1
361
비디오 해상도에 따라 크기를 조정하고 드래그하려면 비디오 선택기의 x 및 y 좌표를 가져옵니다. 저는 @use-gesture/react 및 @react-spring/web을 사용하여 비디오 위에 드래그 가능하고 크기 조정이 가능한 선택기 오버레이를 생성하고 ...
에서 2023-09-19 10:00:05
0
1
238
다음과 같이 다시 작성된 제목: HTML 요소 높이가 100% 적용 범위에 도달하지 않습니다. 이 요소가 화면 높이의 100%를 덮기를 원하지만 그렇게 되지 않는 것 같습니다. 해결 방법이 있습니까? div의 높이는 섹션의 100%이고 섹션의 높이는 본문의...
에서 2023-09-15 08:52:48
0
1
261
양식 태그를 추가한 후 HTML div 요소가 축소됩니다. div 요소 외부에 Form 태그를 추가했지만 어떤 이유로 축소되었습니다. 저는 Bootstrap을 사용하고 있는데 메인 컨테이너 div를 "row&qu...
에서 2023-09-13 19:06:45
0
1
287
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！