Question

这可能是一个非常直截了当的问题。不幸的是，在Google和维基百科上搜索后，我无法找到任何答案。也许我错误地写了这个问题。

我想知道如何在屏幕上和浏览器中呈现CSS和HTML之间的组合？为什么不像像位图或基于“光栅”的图像那样在不同的像素密度下松散分辨率呢？

此外，该过程的哪个部分负责图形的呈现方式？我知道HTML的样式，它由浏览器读取，但它负责渲染“无损”图形。

div {
    width:200px; 
    height:200px; 
    margin: 0 auto;
    margin-top:50px;
    background: url(http://s21.postimg.org/6vvqhdbyv/square.jpg) no-repeat;
}

如果使用（ Ctrl + Shift + Plus ）放大此正方形 - 边缘保持清晰，但内部紫色正方形，这是一个位图图像变得模糊 - 正如您所期望的那样。

HTML元素负责什么才能保持它的清晰度？（即使尺寸以像素设置）

对不起，如果这看起来有点基础，但我似乎无法找到任何答案。

Answer 1

CSS，只针对您的问题，可以简单地将其视为HTML的语言功能增强。浏览器使用Web设计器指定的HTML和CSS，以及规范中定义的默认值，以便在“呈现”时提出用户应该看到的内容的概念。浏览器有一个渲染引擎，它将它们构建的“图片”作为中间步骤与您的规范一起使用，并在浏览器中提供渲染输出。因此，保持清晰度等的行为是基于浏览器呈现引擎的实现，因此可能因浏览器而异。浏览器使用了许多着名的渲染引擎，如Trident（IE），Gecko（Firefox），Webkit（Safari）和Blink（Chrome）。希望这有帮助！

如何在浏览器中呈现CSS / HTML？

1 个答案: