최소사이즈 체크하기
최소사이즈 체크하여 최소사이즈보다 작으면 최소사이즈 값 삽입하기. JS var minimumSizeCheck = function(target,minNum){ var regNumber = /^[0-9]*$/; var val = $(target).val(); if( val < 700 || val == '' || !regNumber.test(val) ) $(target).val(minNum); }; $('#width, #height').on('blur',function(){ minimumSizeCheck('#width','700'); minimumSizeCheck('#height','400'); });
Javascript
2018. 10. 2. 16:21
유튜브 영상 너비(width)값에 맞추어 높이(height)값 비율 맞추기
유튜브 영상 너비(width)값에 맞추어 높이(height)값 비율 맞추기 가로 세로 비율을 이용하여 스타일을 적용하는 방법입니다. html css .wrap{ width:500px; } .content{ position:relative; padding-top:56%; width:100%; } iframe{ position:absolute; top:0; left:0; width:100%; height:100%; } 적용 사항은 아래와 같습니다.
HTML
2018. 10. 2. 13:05
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 강의
- JS
- JavaScript
- jQuery
- 코딩애플
- 아티클
- 기초
- 뷰
- 통신
- 차이
- 프로젝트
- 공부
- 리액트
- 자바스크립트
- 제이쿼리
- 프론트엔드
- VUE
- html
- TypeScript
- css
- 메서드
- frontend
- Article
- vue.js
- 브라우저
- React
- Study
- 제로초
- 타입스크립트
- Method
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
글 보관함