소개

최근에는 풀 HD나 그 이상의 해상도의 디스플레이가 당연하게 되어 왔습니다만, 넷의 사이트에서는 의외로 그것을 활용할 수 없다고 생각한 적 없습니까?
그렇다고 해도 무엇을 모르는 분은 아래의 Impress PC Watch의 예를 참조하십시오.
좌우에 큰 여백이 있는 것을 알 수 있다고 생각합니다.

( htps : // pc. 와 tch. 예 mp rs. 이. jp/ )
이것은, 기사의 표시폭을 필요 이상으로 두려워하고 있기 때문입니다.
거기서, 조금 설정을 바꾸어 주는 것으로, 여백의 곳도 키틴과 활용할 수 있도록 하는 방법을 소개합니다.

Stylus 설치

브라우저가 Chrome이나 Firefox인 경우 Stylus를 설치하기 쉽습니다.
htps : // 아동 s. 모잖아. 오 rg / 자 / 푹신 푹신 x / 아동 / 스타일 s / (Firefox)
htps // ch 로메. 오, ぇ. 이 m / ぇ bs 잡아 / 싶은 l / st ぅ s 뺨 / 아 pm 파에 b (Chrome 용 베타 버전)
htps // ch 로메. 오, ぇ. 이 m / ぇ bs 잡아 / 싶은 l / st ぅ s / cl ngddbkpk (Chrome 용 안정판 : 왠지 링크 끊어짐)

스타일 설치

애드온을 설치한 후 스타일을 다운로드합니다.
여기서 말하는 스타일이란 CSS를 변경하는 것으로 되어 있습니다.
다양한 스타일을 다운로드할 수 있는 것이 "잃어버린 rsty s. rg" 입니다.
여기서는 Impress 사이트의 여백을 활용할 수 있도록 CSS를 변경하는 [졸작 스타일] 를 소개합니다.
htps : // 우세 rstyぇs. rg / style s / 134703 / mp rs-ko jp-ar-c-u-dth-dd-s r
사이트를 연 후 "Install style"으로 스타일을 설치합니다.
그리고는, 애드온의 설정 화면에서 스타일을 유효(스타일명의 전의 체크 박스를 체크)하면 준비 OK입니다.

스타일 적용 후 사이트

즉시 적용 후 사이트를 살펴 보겠습니다. 톱 페이지에서는 그다지 혜택도 없지만 (웃음)

( htps : // pc. 와 tch. 예 mp rs. 이. jp/ )
기사 페이지에서는 효과가 크게 보입니다. 여백이 사라지고 기사가 창 한 잔에 퍼져 보이는 것을 알 수 있습니까? 대형 디스플레이로 화면이 너무 넓어지면 창을 작게 하면 그에 맞게 기사도 조정됩니다.

( htps : // pc. 와 tch. 예 mp s. 이. jp / cs / ws / 1236827. HTML )

마지막으로

비슷한 스타일을 몇 개 업하고 있으므로, 좋으면 사용해보세요. (소스가 꽤 더럽지만 거기는 용서를)
htps : // 우세 rstyぇs. 오 rg/우세 rs/369218

예로서 PC Watch를 들고 있습니다만, 매일과 같이 배견하고 있으므로 관계자의 분들인지 용서해 주세요.