어디에서나 바로가기 기능을 사용하실 수 있습니다. 주메뉴 이동은 알트 키 플러스 1 키이고, 본문 이동은 알트 키 플러스 2 키입니다.


본문 영역

RE: RE: RE: RE: RE: RE: RE: RE: ---재답변 : 모바일 환경문제 상세보기

작성자: 몽실이 조회: 79

_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)

등록된 댓글이 존재하지 않습니다.

TOP
사용자 영역
몽9커뮤니티 QR코드
주소 : 경상남도 김해시 김해대로 2301 302호
대표전화 : 070-7325-6354
팩스 : 055-715-6601
메일 : mong9mail@gmail.com
Contacts
  • +82-70-7325-6354
    +82-55-715-6601(FAX)
  • 604 Ho,3 Dong,21, Bongambuk 7-gil, Masanhoewon-gu, Changwon-si, Gyeongsangnam-do, Republic of Korea
Copyright Mong9 Community Co., Ltd.
All Rights Reserved.