채택완료

게시물 p태그 반응형때 밀리는 현상

2024-06-11 (화) 10:52:29 11,697

1920해상도에서는 잘나오는데

반응형하려고 줄이면 p태그여서 그런건지 이상해지는데요..

기능이 1,2,3 이런식이라서 문단마다 구분은 되었으면 좋겠는데

띄어쓰기가 저렇게 이상하게 되진 않으면 좋겠습니다.. 이럴 때는 무슨 방법이 좋은걸까요?
방법이 없다면 없다고 말씀주세오,,

[1920해상도]

1025970347_1718070402.7445.png

[다른 해상도]

1025970347_1718070610.4202.png

1025970347_1718070685.642.png

답변 1개 / 댓글 2개

채택된 답변
+20 포인트
2024-06-11 (화) 10:59:12

지금 보면 모바일 + 태블릿까지 싸그리 합쳐져서 크기를 좀 줄여보심이 어떠신지요 ?

Copy
@media screen and (max-width: 768px) {

#bo_v_atc .bo_img_wrap .function_box .function_desc {

font-size: 12px; }

}

978180634_1718071149.9702.png

답변에 대한 댓글 2개

아하 폰트크기 ㅎㅎ 이 방법을 왜 생각안했을까요 감사합니다ㅠ
그런데 너무 많이 줄여지는 것 같아서 혹시 다른 방법도 있으면 부탁드립니다!
코드 보니 9px 까지 줄이셨네요

12px까지만 하셔도 될 것 같습니다.

애초에 화면 크기가 작은데 컨텐츠는 크니깐 컨텐츠 자체가 다음줄로 가는건 지극히 정상입니다

2가지 중 하나를 선택하시면 됩니다

크기를 12px로 고정해서 > 다음줄로 컨텐츠 보내기

flex-wrap:no-wrap 으로 설정해서 가로 스크롤 만들기...

12px보다 더 작으면 로봇이 인식 못할꺼에요 ㅠㅠㅠ

답변을 작성하려면 로그인이 필요합니다.