안녕하세요 강사님. 반응형 설정에 대해서 질문이 있습니다.
358
작성한 질문수 17
안녕하세요 강사님!
훌륭한 강의 잘 듣고 있습니다.
반응형 웹사이트 파트를 듣고 있는데
웹사이트를 노트북으로 켠 후 사이즈를 줄여보면
사진과 같이 텍스트가 줄바꿈이 되어 표시되고 more 버튼도 내려앉게 됩니다.
텍스트가 p태그로 작성되어있는데 혹시 이런 경우는 어떻게 수정하면 좋을까요?
답변 4
0
원래 반응형 웹이라는게 콘텐츠의 구조나 배치가 유동적으로 유연하게 움직이기 때문에 줄바꿈 현상이 일어나는것은 당연합니다 ^^ ㅎㅎ more 버튼이 줄바꿈 때문에 위치가 다른것을 수정하고 싶으시다면
1. ssection.about ul li a .text 에 높이 값을 주신 다음 position: relative; 준다음
2. more 버튼에 position: absolute; 로 bottom:0 에 위치하도록 해주시면 고정이 됩니다
그렇지만 테블릿 디바이스로 넘어가면서 (768px) 내용들이 세로로 나열 되기 때문에 높이값을 주지 않아도 됩니다
그래서 (768px) 일때 다시 .text 높이값을 auto로 변경해주시면 됩니다. 적용해보시고 어려우시다면 다시 질문주세요 ^^
좋은 저녁 되세요 ^^
태그 사용 관련 질문 있습니다.
0
278
2
궁금합니다
0
321
1
영상에서 계속 딱닥 거리는소리
0
314
1
5강에서 view:after 와 view:hover
0
229
1
중앙정렬
0
334
3
vscode로 작성 중 css 안먹어요
0
264
1
안녕하세요! 웹페이지 내 요소들의 위치를 조정하는 방법에 대해서 질문있습니다.
0
226
2
header 부분 관련 문의 드립니다.
0
299
3
안녕하세요 강사님. 웹 페이지 픽셀 크기에 관한 질문을 남겨봅니다
0
322
3
이미지를 img 태그로 주지 않고 background url로 주는 이유가 궁금합니다!
0
243
2
more 가상 요소? 화살표 가로 정렬은 어떻게 하나욥??
0
500
2
p.img img{ transition : all 0.8s} 에서 다시 원래대로 돌아오는 원리가 궁금합니다!
0
277
4
view more를 처음부터 대문자로 쓰지 않고 uppercase로 따로 적용하는 이유는 뭔가요??
0
205
2
리셋 css 적용 시 사소한 문제가 있습니다.
0
291
1
완성 파일 main.css에 오타가 있습니다.
0
245
1
안녕하세요. 강의 보면서 공부하고 있습니다.
0
280
2
강사님~
1
268
1
아이콘 안보임
0
555
3
선생님 혹시 노트북으로는 반응형하기 좀 어려운가요?
0
472
3
툴
0
171
1
2강 innerhead
0
364
9
참고파일.txt 는 어디서 받을 수 있는 건지요? ^^
0
252
2
실제 웹사이트 운영방법
1
754
9
포트폴리오 보충을 위해 강의와 함께 병행하고 있는 학생이에요!
0
136
1