• webmini life skin
    50% sale     Ver 1.4.1 update view
  • 사이트 제작 문의 오랜 경험을 바탕으로 웹퍼블리싱을 해드립니다 제작 문의하기
  • 블로그 리뷰 문의 검색엔진최적화로 제품 리뷰를 해드립니다 리뷰 문의하기

반응형3

728x90
[CSS]반응형 사이트 calc() 함수와 예제 및 계산 방법에 대해 알아보기 calc()는 CSS에서 동적인 계산을 가능하게 하는 함수입니다. 이를 통해 길이, 백분율, 수치 등을 혼합하여 스타일을 동적으로 설정할 수 있습니다. calc() 함수는 CSS에서 다양한 상황에 유용하게 사용됩니다.calc() 함수의 사용법calc() 함수의 기본 구문은 다음과 같습니다:property: calc(expression);여기서 expression은 덧셈(+), 뺄셈(-), 곱셈(*), 나눗셈(/) 등의 산술 연산을 포함할 수 있습니다. 사용 예제1. 너비 계산부모 요소의 너비에서 특정 픽셀 값을 뺀 너비를 설정하고 싶을 때 사용합니다..container { width: 100%;}.content { width: calc(100% - 20px);}이 예제에서 .content 요소..
[잡담]AdFit 광고의 근본적인 심사문제 카카오 AdFit 광고에 심사과정에 대해서 몇자 적어봅니다. 기존에 Daum 광고였을때 이미 사용을 했었는데, 카카오로 바뀌면서 심사를 다시 받아야만 했습니다. 뭐 내부 정책일 수 있다 생각해서 다시 블로그 주소(blog.webmini.net)의 심사요청을 해서 승인을 받았었습니다. 그리고 얼마전에 티스토리에서 공지한 notice.tistory.com/2552 수익 창출 메뉴가 오픈이 되었습니다. [사전 안내] 수익 창출을 위한 기능이 곧 찾아갑니다. 안녕하세요. 티스토리팀입니다. 지난 2020년 하반기에 달라지는 티스토리 공지에서 말씀드린 대로 '수익 창출 기능'을 곧 선보입니다. 어떤 모습인가요? 1. 블로그 관리에 '수익'이라는 메뉴가 신 notice.tistory.com 문제점 1. 저 같은 경우..
[사이트]모바일(반응형) 사이트 제작시 vw로 자동 수치변환 오랜만에 사이트 소개를 하네요. 모바일 사이트 제작 시 절대 수치를 px로 할 때도 있지만, 이벤트 or 랜딩 페이지 등은 유동적으로 사이즈가 변할 수 있도록 상대 사이즈를 사용할 때도 있습니다. 상대 사이즈란 (%,em, vw) 등이며, 절대 사이즈는 (px, pt) 등이 있겠습니다. 상대 사이즈는 해상도에 따라 그 크기가 유동적으로 변화하는 사이즈이며, 절대 사이즈는 해상도와 상관없이 사이즈가 고정됨을 의미합니다. 사이트 주소 : https://it-news.pw/pxtovw/ 사용법은 간단합니다. 예) 디자이너가 가로 해상도 640px로 전달해줬으면 'ENTER YOUR VIEWPORT WIDTH' 란에 '640'을 넣으시고, 'ENTER YOUR PIXEL UNIT' 란에 변경할 px 수치를 입력..
반응형