그 반응형 질문 있습니다
225
5 asked
- 먼저 유사한 질문이 있었는지 검색해주세요.
- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.
- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.
- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
Answer 1
0
모바일에서 태블릿, 태블리에서 PC... 구간 사이에서 생기는 부분은 너비가 픽셀로 고정되어 있는 부분 때문에 그렇습니다. 이런 부분까지 해소하시려면 아래 코드처럼 미디어쿼리를 추가해주시면 어렵지 않게 해결하실 수 있습니다. 예를 들어...
<section class="about">
<div class="inner">
<div class="content">...</div>
</div>
</section>
.inner에 width: 1200px 을 주었다고 가정할게요.
그럼 지금 작업하시는 곳에 아래 미디어쿼리 구문 하나 추가해주시면 됩니다.
@media (max-width: 1200px) {
.inner {
width: 100%;
}
}
위의 미디어쿼리는 .inner가 1200픽셀을 만나는 순간 고정값을 해제하고 100%로 바뀌라는 말입니다.
가로스크롤
1
459
1
상위 태그 영역 무시 하는 방법
1
843
2
반응형 적응형 구분
2
804
2
flex가 적용되면 하위에 있는 인라인의 속성은?
1
360
1
슬릭 슬라이더 버튼
1
370
1
slick 모바일로 변환했을때..
1
607
1
x scroll 이 왜 생기는 걸까요?
1
870
1
영상 16분 field margin-left 문제 (다운로드 교재도 동일한 문제)
1
249
1
모바일에서 이미지 짤림 현상
1
2743
2
질문 있습니다
1
242
1
안녕하세요
1
259
1
모바일버전에서 스크롤이 생겨서요 ㅜㅜ
1
289
1
반응형 헤더 네비게이션 공부중인데요. 궁금한것이 있어서요.
1
387
2
슬라이딩 스크롤이 이상하게 먹혀요!
1
408
2
slick slider 하는데 패딩이 안먹혀요
1
764
2
제이쿼리 부드럽게 스크롤할때 제이쿼리에 밑줄오류가 있습니다.
1
317
1
혹시 이 강의 싸이트를 혼자의 힘으로 만들수 있으면 어느정도 실력정도 되나요?
1
250
1
소스랑 자료 다운로는 어디서 받을 수 있나요?
1
300
1
반응형 헤더 네비게이션 강의 질문있습니다.
1
203
1
질문드립니다 강사님
1
290
2
flex 레이아웃 배치 질문있습니다.
1
221
1
미디어쿼리 반응형 만들때 사이즈 질문있습니다.
1
202
1
인라인요소인 label 에 margin-bottom 이 되다니... 어렵습니다.
1
973
1
태블릿부분에서 사진이 삐져나오는 부분 질문
2
238
1