- 그누보드 스마트에디터 반응형 설정(모바일)2019년 10월 21일
- TheStorybook
- 작성자
- 2019.10.21.:28
/plugin/editor/smarteditor2/css/ko_KR/smart_editor2.css
아래 소스 추가
#smart_editor2{margin-right:1px !important;min-width:100px !important}
@media screen and (max-width: 640px){
#smart_editor2 .se2_text_tool ul:nth-child(4n){clear:both;}
#smart_editor2 .se2_text_tool ul{margin-bottom:4px}
#smart_editor2 .se2_text_tool ul:nth-child(n+4){margin-bottom:0}
#smart_editor2 .se2_text_tool .se2_multy,#smart_editor2 .se2_text_tool .se2_multy button, #smart_editor2 .se2_text_tool .se2_multy button span{height:54px}
}
@media screen and (max-width: 515px){
#smart_editor2 .se2_text_tool ul:nth-child(3n){clear:both;margin-left:4px}
#smart_editor2 .se2_text_tool ul:nth-child(6n),#smart_editor2 .se2_text_tool ul:nth-child(4n){clear:none;margin-left:0}
#smart_editor2 .se2_text_tool ul:nth-child(n+3){margin-bottom:0}
}
@media screen and (max-width: 370px){
#smart_editor2 .se2_text_tool ul:nth-child(2n){clear:both;margin-left:4px}
#smart_editor2 .se2_text_tool ul:nth-child(3n){clear:both;margin-left:4px}
#smart_editor2 .se2_text_tool ul:nth-child(6n),#smart_editor2 .se2_text_tool ul:nth-child(4n){clear:none;margin-left:0}
#smart_editor2 .se2_text_tool ul:nth-child(n+3){margin-bottom:0}
#smart_editor2 .se2_text_tool .se2_multy,#smart_editor2 .se2_text_tool .se2_multy button, #smart_editor2 .se2_text_tool .se2_multy button span{height:79px}
}
@media screen and (max-width: 325px){
#smart_editor2 .se2_text_tool .se2_multy,#smart_editor2 .se2_text_tool .se2_multy button, #smart_editor2 .se2_text_tool .se2_multy button span{height:29px;}
#smart_editor2 .se2_text_tool .se2_multy{border-bottom:1px solid #e0dedf}
}'그누보드' 카테고리의 다른 글
aws s3 스토리지를 그누보드5와 영카트5에 사용하기 (0) 2019.10.30 그누보드5 서버이전 후 글 작성 및 member가입 작성안되는 경우 (0) 2019.10.28 아미나 빌더 특정 게시판 상단에 위젯을 삽입하는 방법 (0) 2019.10.22 그누보드5.3 스마트에디터 우측 짤림 문제 해결 (0) 2019.10.21 [그누보드 5.3버전] 스마트에디터 모바일 Smarteditor2_mobile (0) 2019.10.21 다음글이전글이전 글이 없습니다.댓글