모바일에서 에디터로 작성된글
본문
pc에서 html 에디터로 작성한 글 중 간혹 모바일로봤을때 가로영역이 넘어가서 가로스크롤이 생길때가 있습니다.
그리고 pc전용으로 만들어진 부분을 모바일로 바꿀때 특정요소 한두개가 화면크기보다 큰 가로사이즈를 차지하고있어서 가로스크롤이 생기는 경우가 있는데
이런경우 개발자도구로 열어서 하나하나 확인하는 방법외 다른방법은 없을까요?
그리고 pc전용으로 만들어진 부분을 모바일로 바꿀때 특정요소 한두개가 화면크기보다 큰 가로사이즈를 차지하고있어서 가로스크롤이 생기는 경우가 있는데
이런경우 개발자도구로 열어서 하나하나 확인하는 방법외 다른방법은 없을까요?
답변 3
HTML뿐만아니라 워드도 마찬가지지만
문서에는 실제 크기와
가시적인 크기가 있습니다.
그중에서 실제크기는 보통 크게 만들어서
스크롤을 이용합니다만
모바일은 폰의 특성상 실제크기가 크지만
화면에 맞도록 적절하게 비율로 설정하게 됩니다.
여기서 태그사용방법이 달라지고, 속성도 다르게 지정하는것인데
HTML 4.X 대에 주로 사용하던 PC환경의 HTML문서 작성하던방법이
크기를 고정시키는것입니다.
그래야 틀어지거나 깨지지 않았기 때문이죠
말씀하신 내용들은 주로 <table 태그에 width가 숫자로 고정되어있을겁니다.
그리고, 문서의 속성 혹은 태그의 속성중에 스크롤을 하지 않게 하는 옵션들이 있느데
이게 합쳐질경우
문서가 반도 안보이고 스크롤도 안되는 답답함이 생길수있씁니다.
웹에디터 창에 워드로 작성된 문서를 복붙하시는경우 주로 발생하더군요
작성자를 위한 가이드가 필요할것으로 보여집니다.
기업문서들을 주로 다루시면, 모바일을 지양하게 하시던지
또는 모바일에서 컨텐츠영역을 보일때는 width 속성을 무력화 시키도록 변환시키셔서 보이게
하는 방법도 가능할겁니다.
어떤 형태로 기준을 잡으실지 정하시고, 속성변경(width가 제거), 또는 확장(스크롤 또는 PC버전)
으로 보게끔하는게 나을것 같습니다.
그런 경우를 본 적이 없어...
문제의 원인을 찾아보세요.
직접 작성하지않고 퍼 온 글이거나
에디터에서 작성할 때, 위에서 아래로 쓰지않고 표를 이용해 좌우로 작성했다거나...
문제의 원인을 찾아보세요.
직접 작성하지않고 퍼 온 글이거나
에디터에서 작성할 때, 위에서 아래로 쓰지않고 표를 이용해 좌우로 작성했다거나...
css 속성중에 overflow라는 속성이 있습니다. overflow를 통해 내용이 넘칠시 스크롤 사용 여부 또는 가리기등을 설정할 수 있습니다. 이 속성을 php if문 또는 화면 사이즈별 @태그를 통해 속성에 차이를 주셔서 코딩하시면 될 것같습니다. 내용을 조회하는 페이지의 태스에 overflow 송성이 설정되 있지 않다면 기본이 auto로 내용이 넘치면 스크롤이 생기는 것 같네요
답변을 작성하시기 전에 로그인 해주세요.
