# height
넷플 프로젝트 - 비회원용 메인 (css)
height : 요소의 세로 크기를 정의하는 데 사용하는 속성으로 content 영역의 높이를 지정한다. \- height:auto; 브라우저 자동으로 계산하여 적용하며 기본적으로 컨텐츠 영역의 내용만큼 높이를 가진다 \- height : length; 고
[SwiftUI] tabBar, navigationBar height 알아내기
superview.height - (tabbar.height + navigationbar.height) 를 알고 싶어서 시작한 글
[Front-end 수업] #066일 #067일 #068일
결과HTMLCSSscript변수 Agency 함수를 만들고 init 함수 안에 사용 할 함수를 다 넣어놓는다.this : parallax( );this : header( );this : section1( );this : section2( );this : section3
ReactNative BottomInset(BottomSpace)의 높이 구하기
iPhone 14에 대응하는 BottomInset(BottomSpace) 구하기
Front-end 국비지원 #040일
HTMLCSS결과HTMLCSSScriptCSS에 javascript로 적용하기 위해 .shrink라는 클래스를 classList를 사용하기 위해 넣어 두었다.스크롤이 내려가면 로고가 바뀌어야 하므로 변수를 지정하고 변할 img 파일 경로를 넣어둔다.조건문을 만들어 sc
height
vh(veiwport high) 를 사용하면 내가 보는 화면에 꽉 찹니다하지만 퍼센트를 쓰면보이지 않습니다body에 height가 충분하지 않아서 그렇것입니다 보이게 하려면body와 html에 100% 를 줘야하는데 선택자가 두개나 더 생기기 때문에 height를 줄때
[T.I.L] 221117- img에 height랑 object-fit을 동시에 쓰면 안되는구나를 3시간 동안 구글링을 통해 깨달아서 빡쳐서 쓰는 글
CSS 때문에 진짜.. 화병나서 죽을거같았다. 아래는 오늘 작업한 결과물이다.. 2조 자기소개 사이트 > 조장님이 진짜 괴물이시다. db의 신이랄까..? 모르는게 있어서 물어보면 다 대답해주시고 친절하시다.. 조장님이랑 다른 한분 더 계시는데 그분들 따라하기 바빳다 ㅠ
ios safari height 100vh 문제를 해결해봅시다
사연 사내 프로젝트를 개발도중에 모바일에서 height를 100vh로 설정해서 화면을 구성하는 작업이 있었는데, ios safari에서만 화면 구성이 이상하게 되고 있었는데 확인해보니 safari 하단의 주소영역을 100vh에서 포함하고 있어서 화면이 제대로 구성되지
Flutter) Column 안에 ListView
Widget 작업을 하다가 보면 Column 안에 ListView 를 넣는 경우가 생기는데, 이 경우에 ListView 또는 Column 의 위치나 모양이 이상하다고 느낄때가 있다.이러한 현상이 일어나는 이유를 알아보자.
가로 가운데 정렬은 text-align: center, 그럼 세로 가운데 정렬은?
검은색 상자 안에 Hello World 내용을 가지는 <div>를 작성한다.해당 요소를 가운데(가로) 정렬하기 위해서 text-align: center;를 부여한다.현재 검은 박스의 height 값은 250px이다. Hello World에 line-height값을
[react-native]비디오 가로 세로 싸이즈 저장하기 (portrait/landscape) - 싸이즈 이상 표현
리액트 네이티브 구현하면서 겪었던 ... 다른분들은 안겪었으면 해서 남기는 글앱에서 비디오 업로드를 할때 imagePicker라던지 ... 여튼 picker를 사용할 것이다. picker로 파일을 선택하는 순간 해당 비디오 파일의 width/height/duration
box - model
!youtube_3xFkIfc-5U각 태그들이 웹 페이지에 표현될 때사각형의 형태(box)로 그 태그의 부피감을 결정한다박스모델 관련 속성들width, height, margin, padding, display, border ...margin : 태그와 태그 사이의 여
브라우저 제어
https://stackoverflow.com/questions/43537559/javascript-getboundingclientrect-vs-offsetheight-while-calculate-element-heighgetBoundingClientRect(
Discovery 1. <body> height의 비밀
1. 문제 상황 노마드코더의 리액트 영화앱 클론 도중 body height가 원하는 대로 작동하고 있지 않는 상황을 마주했다. body 내부 후손요소인 ``에 위 아래 padding 값을 주었는데 padding-top은 먹고 padding-bottom은 작동하지 않는
CSS의 width , height 속성
요소의 가로 / 세로 너비기본값(요소에 이미 들어있는 속상이 값), auto : 브라우저가 자동으로 너비를 계산. 이때 브라우저는 해당 요소가 block 요소인지 인라인 요소인지 기타 어떤 특성을 가지고 있는 지에 따라서 그 요소가 가지고 있는 가로 너비를 다르게 화
3.HTML 에서 그림과 링크 표현
HTML 문서에 표시할 이미지 파일의 이름/경로 지정\-필수 속성GIF | JPG | PNG256색상지원 트루컬러 트루컬러투명배경처리 좋은압축률 투병배경처리용량이작음 용량이작음 웹전용이미지파일고로나클립아트 사진이미지 클립아트와 같이문서