본문 영역
RE: RE: RE: RE: RE: RE: RE: RE: RE: ---재답변 : 모바일 환경문제22 상세보기
넵 그리하면 될듯합니다.
제가 확인해보니
다른 글에 이런 공백이 생깁니다. 이거 이전 버전에서 발생하던 에러인데, 몽9에디터 소스를 어디서 구하셨는지 궁금합니다.
꼭 최신의 파일을 받으시길 바랍니다.
아래 현상은 몽9에서 사용되는 소스(코드)를 "부모 에디터"에서 삭제하여 생기는 문제입니다.
새로 깐다고 공백이 생긴 내용이 없어지진 않습니다.
다시 설치후, 똑같이 공백이 생기는지 확인바랍니다.
그리고 반드시 설치방법을 따라 그대로 해주시길 바랍니다.
-----------------------------------------------------------------
작성자 : 몽실이
제목 : ---재답변 : 모바일 환경문제
-----------------------------------------------------------------
_float.scss 은 2개가 존재하는데
캡쳐화면으로 알려주신 코드와 다르게 되어 있어요.
( _float.scss 파일은 현재 기존 원본파일로 교체를 하고 다시 확인해도 잘 나타나고 있습니다. )
adminlte.css 파일을 수정한게 맞는거같아요
_float.scss 파일 내용
-------------
scss\bootstrap\utilities\_float.scss
--------------
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
.float#{$infix}-left { @include float-left; }
.float#{$infix}-right { @include float-right; }
.float#{$infix}-none { @include float-none; }
}
}
---------------------------
scss\bootstrap\mixins\_float.scss
---------------------------
// stylelint-disable declaration-no-important
@mixin float-left {
float: left !important;
}
@mixin float-right {
float: right !important;
}
@mixin float-none {
float: none !important;
}
-------------
-----------------------------------------------------------------
작성자 : 관리자
제목 : ---재답변 : 모바일 환경문제
-----------------------------------------------------------------
문제가 해결되었다니 다행입니다.
확인해본결과, _float.scss 를 아예 없앤듯한데요.
!important 만 제거해 보셨을땐 어땐는지 궁금하네요.
지우기 보단 "!important" 단어만 지우는게 더 나은 선택입니다.
여튼 님께서는 float-none 이런 스타일을 사용 하실 일이 없어 보이니
그냥 그대로 사용하셔도 될듯합니다.
수고하셨습니다~
-----------------------------------------------------------------
작성자 : 몽실이
제목 : 재답변 : 모바일 환경문제
-----------------------------------------------------------------
알려주신 scss 파일에서는 동일한 스타일이 없어서 전체 css 파일을 조회하니
\theme\BS4-T0002\css\adminlte.css
에서 캡쳐해주신 부분과 동일한 부분이 있어 해당 부분 왼쪽 오른쪽등 전부 삭제하고 하니 잘작동합니다.
감사합니다.
-----------------------------------------------------------------
작성자 : 몽실이
제목 : 재답변 : 모바일 환경문제
-----------------------------------------------------------------
네. 일단 알려주신 부분은 css 에서 다 찾아서 !important 삭제해도해결이 안되서
작성한 글의 본문내용중 우측 텍스트 들어가는 부분을 보니 아래와 같이 있어서
<p class="overflow-hidden m-overflow-visible text-align-justify m-text-align-left">
-------
overflow-hidden 이부분을 삭제하니 모바일, pc에서 모두 정상적으로 보입니다.
-------
<p class="m-overflow-visible text-align-justify m-text-align-left">
음..
저에겐 숙제네요..
빠른 답변에 감사합니다.
-----------------------------------------------------------------
작성자 : 관리자
제목 : 재답변 : 모바일 환경문제
-----------------------------------------------------------------
~/theme/node_modules/bootstrap/scss/utilities/_float.scss
_float.scss 파일을 찾아서, "!important" 를 제거해주세요.
저 위치에 없을수도 있습니다.
1. 현재 테마 theme 안에서 먼저 찾아보세요.
2. 위 위치가 아닐수 있습니다.
하나씩 폴더를 비교해가면서, 찾아보세요.
저희도 무슨 테마를 어떻게 사용하는지 알수가 없습니다. 그것은 님께서 찾아서 수정하셔야 합니다.
도움이 되었으면 합니다.
감사합니다.
-----------------------------------------------------------------
작성자 : 몽실이
제목 : 재답변 : 모바일 환경문제
-----------------------------------------------------------------
어... 제가 코드를 몰라서..ㅠㅠ 그럼 어떻게 처리해야 되는지 방법을 알려주실수 있나요?
-----------------------------------------------------------------
작성자 : 관리자
제목 : 재답변 : 모바일 환경문제
-----------------------------------------------------------------
제 문의해주셔서 감사합니다.
확인해보니, 스타일시트끼리 충돌입니다.
~scss/utilities/_float.scss 파일 중
// stylelint-disable declaration-no-important
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
.float#{$infix}-left { float: left !important; }
.float#{$infix}-right { float: right !important; }
.float#{$infix}-none { float: none !important; }
}
}
float-left 에서 에러가 납니다. !important 되어 있어서, 모바일에서도 강제 처리되어서 그렇습니다.
이 파일을 로딩을 하지 않거나, 혹은 !important 가 제거 되어야합니다.
-----------------------------------------------------------------
작성자 : 몽실이
제목 : 모바일 환경문제
-----------------------------------------------------------------
모바일에서는
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">
가 추가 되어 있는데
알려주신대로
1.
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0">
를 추가하거나
2.
기존 코드를 삭제하고 알려주신 코드만 추가해도 동일합니다..
각 단계별 인터넷 아용기록을 지우고 새로 고침해서 읽어봐도 동일합니다.
-----------------------------------------------------------------
작성자 : 관리자
제목 : 모바일 환경문제
-----------------------------------------------------------------
모바일에서 글이 안나온다는 문의가 있었습니다.
확인해본 결과 : 반응형 적용이 안되ㅂㅂ고 있습니다.
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0">
메타 테그에 반응형 처리한다는 속성을 추가하길 바랍니다.
감사합니다.
-----------------------------------------------------------------
"모바일 환경문제":: 글 끝
-----------------------------------------------------------------
-----------------------------------------------------------------
"모바일 환경문제":: 글 끝
-----------------------------------------------------------------
-----------------------------------------------------------------
"재답변 : 모바일 환경문제":: 글 끝
-----------------------------------------------------------------
-----------------------------------------------------------------
"재답변 : 모바일 환경문제":: 글 끝
-----------------------------------------------------------------
-----------------------------------------------------------------
"재답변 : 모바일 환경문제":: 글 끝
-----------------------------------------------------------------
-----------------------------------------------------------------
"재답변 : 모바일 환경문제":: 글 끝
-----------------------------------------------------------------
-----------------------------------------------------------------
"재답변 : 모바일 환경문제":: 글 끝
-----------------------------------------------------------------
-----------------------------------------------------------------
"---재답변 : 모바일 환경문제":: 글 끝
-----------------------------------------------------------------
-----------------------------------------------------------------
"---재답변 : 모바일 환경문제":: 글 끝
-----------------------------------------------------------------
윗 글에 대한 댓글(댓글수:0)
등록된 댓글이 존재하지 않습니다.
