부트 스트랩에서 창의 높이와 너비를 얻는 방법

프로그래밍 애호가

부트 스트랩에는 고정 된 상단 탐색 모음과 고정 된 하단 탐색 모음이 있습니다. 두 개의 탐색 막대 사이의 배경에 큰 이미지를 표시하고 창의 너비도 가리고 싶습니다. navbar와 창의 너비 사이의 높이를 어떻게 동적으로 얻을 수 있습니까? 창 크기는 기기에 따라 변경 될 수 있으므로 동적이 필요합니다.

Alamnaryab
$(window).resize(function() {
    var top_nav_height = $("#id_of_top_nav").height();
    var bottom_nav_height = $("#id_of_bottom_nav").height();  
    var window_height = $(window).height();

    var height_of_open_space = window_height - (top_nav_height+bottom_nav_height);

    $("#id_of_img").css({
         height:height_of_open_space+'px';
    });

});

0px 패딩 및 여백이면 괜찮을 것입니다. 그렇지 않은 경우 해당 값을 얻고 높이에 height_of_open_space적용하기 전에 빼십시오.img

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

WPF에서 창 너비와 높이에 따라 컨트롤 너비와 높이를 조정하는 방법

분류에서Dev

HTML에서 루트 노드의 실제 너비와 높이를 얻는 방법은 무엇입니까?

분류에서Dev

localhost URL에서 이미지를 읽고 자바 스크립트에서 너비와 높이를 얻는 방법

분류에서Dev

SwiftUI에서보기 또는 화면의 높이와 너비를 얻는 방법

분류에서Dev

파이썬 glfw에서 모니터의 너비와 높이를 얻는 방법

분류에서Dev

부트 스트랩 테이블의 특정 너비를 설정하는 방법

분류에서Dev

CloudControl에서 간단한 부트 스트랩 사이트를 얻는 방법

분류에서Dev

wpf 창의 높이와 너비를 수정하는 방법

분류에서Dev

너비를 얻는 방법-대화 상자 내 컨트롤의 높이

분류에서Dev

삽입 후 Custom ImageView 내에서 비트 맵 너비와 높이를 얻는 방법

분류에서Dev

부트 스트랩의 팝 오버에서 팝 오버를 얻는 방법

분류에서Dev

QML에서 텍스트 구성 요소 텍스트 콘텐츠의 너비와 높이를 초과하지 않도록 텍스트를 설정하는 방법

분류에서Dev

부트 스트랩 모달이 URL에서 'ID'를 얻는 방법

분류에서Dev

js로 svg div에서 너비와 높이를 얻는 방법

분류에서Dev

조각에서 버튼의 너비 / 높이를 얻는 방법

분류에서Dev

부트 스트랩에서 카드의 최소 너비를 설정하는 방법은 무엇입니까?

분류에서Dev

MVC 부트 스트랩에서 navbar를 사용자 정의하는 방법 (너비)

분류에서Dev

부트 스트랩에서 사용자 지정 너비를 사용하여 페이지의 1 행에 5 개 입력을 표시하는 방법

분류에서Dev

파이 게임에서 텍스트 너비를 얻는 방법?

분류에서Dev

부트 스트랩 프레임 작업을 사용할 때 div, img 등에 대한 너비와 높이를 지정하는 방법

분류에서Dev

flexbox 내에서 외부 높이와 내부 너비를 가진 div를 얻는 방법

분류에서Dev

Jade에서 부트 스트랩 컨테이너를 반복하는 방법?

분류에서Dev

부트 스트랩 캐 러셀에서 100 % 너비 이미지를 사용하여 애니메이션 중 높이 변경을 방지하는 방법

분류에서Dev

부트 스트랩의 "가운데 당기기": A -D- B -E- ABC로 축소되는 C 열 // DE, D와 E 사이에서 B를 얻는 방법?

분류에서Dev

부 스트랩 콘텐츠를 브라우저 높이와 함께 두 개의 열로 묶는 방법

분류에서Dev

부트 스트랩의 컨테이너 측면에서 빈 부분을 제거하는 방법

분류에서Dev

활성 문서없이 PowerPoint 슬라이드의 너비와 높이를 얻는 방법이 있습니까?

분류에서Dev

부트 스트랩 : 다른 열의 높이가 100 % 인 열을 얻는 방법

분류에서Dev

너비와 높이의 백분율로 부모 RelativeLayout에 자식 뷰를 추가하는 방법

Related 관련 기사

  1. 1

    WPF에서 창 너비와 높이에 따라 컨트롤 너비와 높이를 조정하는 방법

  2. 2

    HTML에서 루트 노드의 실제 너비와 높이를 얻는 방법은 무엇입니까?

  3. 3

    localhost URL에서 이미지를 읽고 자바 스크립트에서 너비와 높이를 얻는 방법

  4. 4

    SwiftUI에서보기 또는 화면의 높이와 너비를 얻는 방법

  5. 5

    파이썬 glfw에서 모니터의 너비와 높이를 얻는 방법

  6. 6

    부트 스트랩 테이블의 특정 너비를 설정하는 방법

  7. 7

    CloudControl에서 간단한 부트 스트랩 사이트를 얻는 방법

  8. 8

    wpf 창의 높이와 너비를 수정하는 방법

  9. 9

    너비를 얻는 방법-대화 상자 내 컨트롤의 높이

  10. 10

    삽입 후 Custom ImageView 내에서 비트 맵 너비와 높이를 얻는 방법

  11. 11

    부트 스트랩의 팝 오버에서 팝 오버를 얻는 방법

  12. 12

    QML에서 텍스트 구성 요소 텍스트 콘텐츠의 너비와 높이를 초과하지 않도록 텍스트를 설정하는 방법

  13. 13

    부트 스트랩 모달이 URL에서 'ID'를 얻는 방법

  14. 14

    js로 svg div에서 너비와 높이를 얻는 방법

  15. 15

    조각에서 버튼의 너비 / 높이를 얻는 방법

  16. 16

    부트 스트랩에서 카드의 최소 너비를 설정하는 방법은 무엇입니까?

  17. 17

    MVC 부트 스트랩에서 navbar를 사용자 정의하는 방법 (너비)

  18. 18

    부트 스트랩에서 사용자 지정 너비를 사용하여 페이지의 1 행에 5 개 입력을 표시하는 방법

  19. 19

    파이 게임에서 텍스트 너비를 얻는 방법?

  20. 20

    부트 스트랩 프레임 작업을 사용할 때 div, img 등에 대한 너비와 높이를 지정하는 방법

  21. 21

    flexbox 내에서 외부 높이와 내부 너비를 가진 div를 얻는 방법

  22. 22

    Jade에서 부트 스트랩 컨테이너를 반복하는 방법?

  23. 23

    부트 스트랩 캐 러셀에서 100 % 너비 이미지를 사용하여 애니메이션 중 높이 변경을 방지하는 방법

  24. 24

    부트 스트랩의 "가운데 당기기": A -D- B -E- ABC로 축소되는 C 열 // DE, D와 E 사이에서 B를 얻는 방법?

  25. 25

    부 스트랩 콘텐츠를 브라우저 높이와 함께 두 개의 열로 묶는 방법

  26. 26

    부트 스트랩의 컨테이너 측면에서 빈 부분을 제거하는 방법

  27. 27

    활성 문서없이 PowerPoint 슬라이드의 너비와 높이를 얻는 방법이 있습니까?

  28. 28

    부트 스트랩 : 다른 열의 높이가 100 % 인 열을 얻는 방법

  29. 29

    너비와 높이의 백분율로 부모 RelativeLayout에 자식 뷰를 추가하는 방법

뜨겁다태그

보관