티스토리 뷰
mobile chrome 에서썸네일 넓이가 110px 미만이면
흐릿하게 blur 처리가 되는데
또렷하게 보이도록 해당 기능 막는법
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 |
댓글
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- ASP
- Android
- API
- laravel
- CSS
- Prototype
- Docker
- JQuery
- Wordpress
- IE
- Debug
- iphone
- nodejs
- macos
- 한글
- sencha touch
- 안드로이드
- classic asp
- PHP
- Mac
- git
- iis
- nginx
- centos
- JSON
- Linux
- 워드프레스
- IOS
- mssql
- javascript
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 |
글 보관함