image.png

    自动调整
    viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。
    所有主流浏览器都支持这个设置，包括IE9。对于那些老式浏览器（主要是IE6、7、8），需要使用css3-mediaqueries.js。

    图片的自适应（fluid image）
    除了布局和文本，”自适应网页设计”还必须实现图片的自动缩放。
    这只要一行CSS代码：
    img { max-width: 100%;}
    这行代码对于大多数嵌入网页的视频也有效，所以可以写成：
    img, object { max-width: 100%;}
    老版本的IE不支持max-width，所以只好写成：
    img { width: 100%; }
    此外，windows平台缩放图片时，可能出现图像失真现象。这时，可以尝试使用IE的专有命令：
    img { -ms-interpolation-mode: bicubic; }
    或者，Ethan Marcotte的imgSizer.js。
    addLoadEvent(function() {
    var imgs = document.getElementById(“content”).getElementsByTagName(“img”);
    imgSizer.collate(imgs);
    });
    不过，有条件的话，最好还是根据不同大小的屏幕，加载不同分辨率的图片。有很多方法可以做到这一条，服务器端和客户端都可以实现。

    语句一:
    语句二
    备注:语句一 Shortcut Icon 就是在网址列前面出现的Icon
    问题:语句二 icon的作用是怎么?和语句一有什么区别?
    指导
    过去，为保证favicon出现，网站设计者和开发者采用了多种方法。很难明确地保证favicon可以在所有电脑上显示，即使是用同一版本的一种浏览器。
    下列代码另一个局限就是它把favicon关联到了某个特定的HTML或XHTML文档上。为避免这一点，favicon.ico文件应置于根目录下。多数浏览器将自动检测并使用它。
    建议包含以下两行HTML代码:
    CODE:


    然而，只有第一行是必须的，因为“shortcut icon”字符串将被多数遵守标准的浏览器识别为列出可能的关键词（“shortcut”将被忽略，而仅适用“icon”）；而Internet Explorer将会把它作为一个单独的名称（“shortcut icon”）。这样做的结果是所有浏览器都可以理解此代码。只有当希望为新浏览器提供另一种备用图像（例如动画GIF）时，才有必要添加第二行。
    在HTML中，link元件必须在head元件里（在和之间)。
    对于XHTML，link必须使用“ />”结束（或“>”），而不可以使用“>”结束。
    href可以，但不必，指向/favicon.ico的位置。它可以指向任何URL。
    图像通常可以使用任何被浏览器支持的图像格式。
    .ico文件格式通常可以被所有可以显示favicon的浏览器读取。
    设置服务器，以发送正确的MIME标识：
    ICO 文件 image/vnd.microsoft.icon（或者亦可出于兼容性原因使用image/x-icon。然而最好使用IANA注册的MIME类型，因为多数主流浏览器现在支持它）
    GIF 文件 image/gif
    PNG 文件 image/png
    使用适当的分辨率和色深。
    ICO：包括多种分辨率（最常使用的是16×16和32×32，Mac OS X有时使用64×64和128×128）以及位深（比特每像素）（多数使用4、8、24 bpp，即16、256和1600万色）。
    GIF: 使用16×16，256色。
    PNG: 使用16×16，256色或24位。
    注意：当favicon.ico被置于文档根目录时，将会被一些不处理link元件的浏览器找到，即使没有您的站点上没有指向它的链接。
    标准化
    Favicon功能最早由微软创设，而微软公司的Internet Explorer网页浏览器会对每一个网站都请求favicon。微软支持的link标签不遵从World Wide Web Consortium（W3C，万维网联盟）的HTML建议[1]，因为：
    rel属性必须包含一个用空格作分隔符的link类型的列表，所以一个包含两词的link类型不能被遵守标准的浏览器理解。
    “.ico”文件类型（一种用于Microsoft Windows上图标的光栅格式）没有一个注册的MIME类型，而且似乎在当时也不能被多数浏览器理解。然而2003年，这一格式在IANA获得注册，其 MIME类型是image/vnd.microsoft.icon，进而消除了此问题的第一部分。
    在网站上使用保留地址（reserved location）与Architecture of the World Wide Web（互联网的结构）矛盾，同时被认为是link squatting（链接劫持）或URI squatting（URI劫持）。
    Mozilla浏览器通过一种遵从Web标准的方法添加了对favicon的支持。它采用rel=”icon”并允许网络设计人员添加任何支持的图像格式的favicon。例如。后来鉴于此功能将被用于所有新内容，多数浏览器都对此功能增加了支持。