티스토리 뷰

웹프로그래밍/css

mobile chrome 에서 img width < 110px 자동 흐릿 blerry 처리 막기

공허공자 2016. 5. 2. 16:22

mobile chrome 에서썸네일 넓이가 110px 미만이면

흐릿하게 blur 처리가 되는데

또렷하게 보이도록 해당 기능 막는법

?
1
2
3
4
5
6
7
8
img {
    image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}

http://superuser.com/a/530382

저작자표시

'웹프로그래밍 > css' 카테고리의 다른 글

IE 10 이상 브라우저 미디어 쿼리 이용한 CSS Style 적용  (0) 2021.12.28
CSS Media query breakpoints 미디어 쿼리 중단점  (0) 2021.12.17
Parallax (시차) 배경  (0) 2015.07.19
pseudo-class :after로 전체 덮는 레이어 장막 만들기  (0) 2015.01.15
CSS 구조 개선 방법론  (0) 2014.12.16
공유하기 링크
댓글