배움이 더 필요한 2560x1080 모니터에서 본, 화면의 차이점

배움이 더 필요한 2560x1080 모니터에서 본, 화면의 차이점


제조사로 부터 LG UltraWide Monitor, 34WK500 지원받은 모니터로 본 나와 마샬님의 블로그 화면의 차이점이 궁금했다.

2560x1080 화면비에서 어떻게 잘~ 보여지는지가 궁금했다고 말하는게 맞겠네.


이전에 상단 배너에 유튜브 동영상을 출력시 2560x1080 화면에서 동영상이 꽉 차게 나오지를 않아서  style을 아래와 같이 사용했던 적이 있었는데 마샬님의 style을 보면 아래와 같이 긴 소스가 아닌 1줄짜리 소스임에도 정상적으로 나오는 것에 매우 신기할 따름이다.


블로그 스킨을 수정할 때, 마샬님의 도움이 많이 필요할 것 같다.


<style type="text/css">

* { box-sizing: border-box; }

.video-background {

background: #000;

position: fixed;

top: 0; right: 0; bottom: 0; left: 0;

z-index: -99;

}

.video-foreground,

.video-background iframe {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

pointer-events: none;

}

@media (min-aspect-ratio: 16/9) {

.video-foreground { height: 500%; top: -200%; }

}

@media (max-aspect-ratio: 16/9) {

.video-foreground { width: 500%; left: -200%; }

}

</style>




묘한오빠

남자의 호칭 중에 "오빠"처럼 묘한 것도 없었다

이미지 맵

묘한오빠/글로 적는 혼잣말 다른 글

이 글에 담긴 의견 6

*

*

    • 1줄짜리 코드라서 적절하게 잘되는 게 아닐까 싶습니다 ㅋㅋㅋ
      보니까 탕비수다는 저는 max-width 같은 옵션은 보통 컨테이너 밖으로 삐쳐나가지 못하게 할 때만 쓰는 편인데, 탕비수다는 그런 옵션이 여기저기 들어가 있고 그러다 보니 좀 원하시는 대로 나오지 않는 게 아닐까...싶네요.
      탕비수다 수정은 참아주세요 ㅠㅠㅠㅠㅠㅋㅋㅋㅋ

      그나저나 역시 인덱스 페이지는 2560*1080에서도 마음에 드네요 ㅋㅋㅋ

    • 당신을 금손으로 임명합니다.
      https://i.imgur.com/WPXjX5e.png

    • 탕비수다는 수정하기 참 어려운 스킨이로군요 ㅎㅎ
      그리고 크롬 개발자모드에서 responsiVe에서 해상도 입력해서 볼 수 있어서 저도 부러운 해상도로 구경해봤습니다 ㅋ

      앗, 근데 오른쪽에 스크롤바 없애신건가요?;;

    • 프라치노, 탕비수다 둘다 참 수정하기 어려운 스킨은 맞는 말이예요.
      뭐 하나 손대면 안되는게 많아서리 ㅋㅋㅋ

      땀똔님, 마샬님 덕분에 여기까지 왔습니다 ^^;

이전 글

다음 글

티스토리 툴바