티스토리 뷰
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
- JQuery
- Prototype
- centos
- ASP
- nodejs
- 워드프레스
- Android
- mssql
- Debug
- classic asp
- 한글
- git
- javascript
- 안드로이드
- Mac
- Docker
- IOS
- laravel
- CSS
- macos
- iphone
- PHP
- Linux
- sencha touch
- IE
- JSON
- nginx
- API
- iis
- Wordpress
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
글 보관함