갱신할때마다 글씨 크기가 바뀝니다.

갱신할때마다 글씨 크기가 바뀝니다.

QA

갱신할때마다 글씨 크기가 바뀝니다.

본문

저만 이런 이상한 현상을 격는거 같아 죄송합니다.

 

그누5 베이직 게시판에 글들이 있으면

 

목록을 읽어올때마다 글씨 크기가 다릅니다.  

 

한 목록중  일부만 글씨가 작아지는 혹은 커지는  현상?  이 있네요.

 

전에 이곳 게시판에서  그누보드가 글씨를 쓴뒤 나중에 글씨 크기를 바꾸느라 멈칫하는 현상이 있다는 글을 본거 같은데 그에 따른 현상인가 싶어 게시글 뒤지는데 다시 못찾겠네요.

 

3556550771_1638609841.402.jpg

 

↑ 위는 원래인듯한 화면

 

 

3556550771_1638609883.9633.jpg

 

갱신(리로드) 하면 이리 바뀜

 

 

3556550771_1638609908.0923.jpg

 

리로드 할때마다 위치가 바뀝니다.

 

 

 

이런 현상은 뭘까요.. 

이 질문에 댓글 쓰기 :

답변 4

목록을 읽어올때마다.. 라고 하시면 Infinity Scroll 기능을 사용하신듯한데

제목 부분 class 나 ID 값이 1페이지와 2페이지에 서로 다르게 되어있는 듯 싶습니다.

Infinity Scroll 은 Preloader 혹은 Ajax 를 이용하는 두가지 방식이 있는데

공통적으로는 ::After 선택자가 생성된다는점이 있습니다.

 

.제목Class a,

.제목Class button,

.제목Class i,

.제목Class:After a,

.제목Class:After button,

.제목Class:After i { font-size:0.65em; }

 

이러한 방식으로 사용해보세요!

 

만약 이렇게도 해결이 되지 않으신다면

Infinity Scroll 소스상에서 onLoad 를 처리하는 부분에

css 스크립트를 강제로 넣어주는 방법도 있습니다.

 

css 는 전처리 역할이라 페이지 이동없이 새롭게 불러오는 정보엔 적용이 되지 않을수도 있는데요,

이럴때엔 해당 스크립트에 addClass 와 같은 명령을 추가해줌으로 해결할 수 있습니다.

 

스크립트 작성이 어려우시다면 마지막 방식으로는 css 를 추가로 footer 부분에 넣어주는 방식이 있습니다.

SPA 웹사이트 작성시에 주로 사용되는 방식인데 아래와 같은 스타일시트를 html 소스 자체에 입력해보세요.

 


<style scoped>
  .제목Class a,
  .제목Class button,
  .제목Class i,
  .제목Class:After a,
  .제목Class:After button,
  .제목Class:After i { font-size:0.65em; }
</style>

완전 초보라서 무슨말씀인지는 모르겠지만 성의있는 답변에 감사드립니다.
저 코드를 복사해서 어디다 넣어라 라고 하지 않는이상 저는 알아듣질 못해요.. ㅜㅜ;;

답변 감사합니다.

셀프 해결해서 남깁니다.

 

결론부터 얘기하면 인터넷 속도?  문제 였습니다.

닷홈에서 문제없는 화일을 똑같이 윈도우서버에서 돌려도 마찮가지길래

윈도우서버를 확인해보니 반응속도나 업다운 속도가 많이 느리더군요.  

알고보니 인터넷을  무선으로 잡고 쓰고있네요

유선으로 바꾸니 업속도 9메가 나오던게 450메가로 .. ㅜㅜ;;

 

그후로는 해당 증상이 없어졌습니다.

 

답변을 작성하시기 전에 로그인 해주세요.
전체 0 | RSS
QA 내용 검색
  • 개별 목록 구성 제목 답변작성자조회작성일
  • 질문이 없습니다.

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT