듀게가 고정폭이어서 불편하다는 글 ( http://djuna.cine21.com/xe/?mid=board&page=3&document_srl=701103 )을 올렸는데, Johndoe님이 정보를 주셔서 고정폭 문제를 해결했습니다. 필요하신 분이 있을 것 같아 살짝만 정리해서 올립니다.
1. 구글 크롬 웹브라우저가 필요합니다. 다른 브라우저의 경우에도 해법이 있는지는 잘 모르겠습니다.
2. 크롬을 까셨다면, 아래의 링크를 눌러서 확장 프로그램인 Personalized Web를 설치합니다.
https://chrome.google.com/extensions/detail/plcnnpdmhobdfbponjpedobekiogmbco?hl=ko
3. 설정
3-1. 설치후 크롬 상단 메뉴 맨 오른쪽에 있는 스패너 모양 아이콘을 클릭하면 새 메뉴가 뜹니다. 메뉴 중간쯤에 보이는 '확장프로그램'을 클릭합니다.
3-2. 현재 설치된 확장 프로그램 목록이 뜨고 그중 Personalized Web의 옵션항목에 들어가서 Add a new rule버튼을 클릭합니다.
Rule Name은 적당히 알아서 지어줍니다.
3-3. Match URLs칸에 ^http://djuna.cine21.com/xe 라고 입력.
3-4. 옵션항목중 Add JavaScript항목에
header.style.width="90%";
container_body.style.width="90%";
라고 추가합니다.
위아래 숫자는 통일로 가변폭 비율은 임의로 수정해도 됩니다.
3-5. 이러면 아래 푸터만 고정되어서 디자인이 무너지는데 푸터가 필요없는 경우에는
footer.style.display="none";
라고 한줄 더 추가하면 해결됩니다.
(* Johndoe님은 이전에 이 확장 프로그램의 설치 과정 및 적용법에 대해서
http://djuna.cine21.com/xe/?_filter=search&mid=board&document_srl=149547에 올려주신 적이 있습니다. 참고하세요.)
(** 이 확장 프로그램을 사용하면 크롬에서 원래는 지원하지 않는 '고정 글꼴'이 가능합니다. 모든 사이트, 혹은 특정 사이트에서 원하는 글꼴로 보실 수 있습니다.
저는 Add a new rule 클릭 -> Rule Name 쓰고 -> Match URLs칸에 ^http://*|^https://*라고 입력.(그럼 모든 사이트 적용이예요) -> Add CSS칸에 * { font-family : sans-serif !important; } 라고 입력 -> 저장한 후 크롭 옵션>고급설정>글꼴 및 언어 설정 변경에서 쓰고 싶은 글자체 설정 (앞으로는 여기에서 글자체만 바꿔서 지정하면 됩니다.)
이렇게 합니다)
