css 이미지 위 링크 위치 조정 방법
조회수 579회
안녕하세요! css에서 이미지 위에 이미지링크를 넣는데, 아래 코드와 같이 버튼의 width와 left위치 조정 값은 어디서 보고 조정할 수 있나요? 그 방법을 몰라서 아무 숫자나 대입해보고 수동으로 맞추면서 하다보니 시간이 너무 오래걸리네요..;; 혹시 계산방법이나 쉽게 사용할 수 있는 툴이 있는지 궁금합니다:)
#mybook .img-link {
display: block;
cursor: pointer;
}
#mybook .img-link > img {
width: 100%;
display: block;
}
#mybook .mybook-section {
position: relative;
}
#mybook .mybook-btn {
width: 15.86834%;
}
#mybook_btn1,
#mybook_btn2 {
bottom: 36.98%;
}
#mybook_btn1,
#mybook_btn2 {
left: 12.34%;
}
-
(•́ ✖ •̀)
알 수 없는 사용자
1 답변
-
1. 혹시 1px 줄여보고 새로고침하고 1px 늘려보고 새로고침하고 하는 짓을 하고 계신가요?
→ 그렇다면 개발자도구(inspector)라는 것을 켜실 때입니다! 지금 보고 계신 브라우저에서F12
또는ctrl + shift + i
를 누른 다음 구글에 "개발자도구 사용법"이라고 검색해 공부해 보세요.2. 혹시 특정 요소 아래의 특정 요소가 몇 % 비율로 커지고 작아져야 한다는 계산을 손으로 하고 계신가요?
→ 그렇다면 SCSS나 LESS를 공부하실 때입니다!! 일단 node와 npm을 깔고 글들을 쭉 읽어보세요.
댓글 입력