html如何正确显示像素画？ 第1页
1
davidtsang 网友的相关建议:
第一步，打开google，输入： html how to display pixel image no aa，然后点击go
我们得到一个结果：
第二步，点击第一个链接 image-rendering | CSS-Tricks
我想答案就在这里了，我的英语不太灵光，我想应该是2 ，大概的意思是图片的对比，颜色和边缘不会有任何平滑和模糊，这个参数特别地用来展现像素画。而pixeladted，采用临近像素scaling，应该也是一种展现方法。我想应该是使用CSS属性：
image-rendering: crisp-edges; google行，百度就不行了吗？我们用百度搜索下：
然后我看第二条合适，点击： 像素风图案缩放后变模糊（被消除锯齿）的解决办法 - CSDN博客
这个更详细，而且对我这个英文文盲级的选手更合适：
这个解释已经很详细了，让我弄清楚了pixelated和crisp-edges的区别，还附带了代码：
img { image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */ image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } 总结：
遇到问题不妨百度一下，百度不行就google一下。
1
相关话题
CSS Grid 布局那么好，为什么至今没有人开发出基于 Grid 布局的前端框架呢？HTML中的html head body标签有且只能有一个，为什么不可以直接省略？
HTML、CSS、JavaScript 为什么不加个标明运行版本号的语法？
HTML 静态页面的头部和底部都是相同的，如何让每个页面统一调用一个公共的头部和底部呢？
a 标签为什么能够包含块级元素？
有哪些 Bootstrap 的学习案例？
文本格式（txt、doc）的HTML，有什么办法快速读取出特定的标签及里面的内容？
网页设计中最常用的字体有哪些？（中文和英文）
请问各位程序员，是我的思维方式有错误吗？
程序员讨厌面试被问一些基础问题么？
下一个讨论
如何理解“时间光锥”？
相关的话题
为什么 CSS 这么难学？html如何正确显示像素画？
程序员讨厌面试被问一些基础问题么？
程序员讨厌面试被问一些基础问题么？
第一次看HTML教程是怎样一种体验？
HTML、CSS、JavaScript 为什么不加个标明运行版本号的语法？
如何让<fieldset>基于外边框垂直方向对齐，而不是里面的内容底线对齐？
第一次看HTML教程是怎样一种体验？
怎样编写一个软件，用于在网站上及时回复雇主自己想接这个项目？
jpeg图片在网页中引用时为什么只能写成jpg？
CSS的样式表 内联外部和内部优先级？
浏览器解析Html一般是边下载边渲染么？如果是边下载边渲染的话，Html又使用GZIP格式传输，如何能够做到没有完全下载就可以渲染的呢？
用 // 代替 http:// 有什么好处？
web前端使用框架相对于直接用html+css+js有哪些优势？
为什么Markdown在2004年才出现，而推广更晚？
请问各位程序员，是我的思维方式有错误吗？
HTML 静态页面的头部和底部都是相同的，如何让每个页面统一调用一个公共的头部和底部呢？
如何让<fieldset>基于外边框垂直方向对齐，而不是里面的内容底线对齐？
以下 CSS 栅格布局除了用 table 以外，有什么其他的方法吗？
第一次看HTML教程是怎样一种体验？
为什么 input 元素能用 width 属性？
有什么办法可以用纯 CSS 在现代浏览器下实现单屏内容时 footer 贴底，多屏内容时 footer 随内容向下？
有哪些 Bootstrap 的学习案例？
为什么 CSS 这么难学？
CSS的样式表 内联外部和内部优先级？
web前端使用框架相对于直接用html+css+js有哪些优势？
为什么 input 元素能用 width 属性？
用网页实现一劳永逸的跨平台客户端是否可行？
为什么 input 元素能用 width 属性？
为什么 CSS 这么难学？