码迷,mamicode.com
首页 > Web开发 > 详细

CSS:<link>标签rel和media的解释

时间:2016-04-28 14:20:20      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:

代码:

media = "screen" rel = "stylesheet"

rel:relations的缩写,是指的关联到的文件是什么。此处是指关联到一个stylesheet

rel = "shortcut icon"和"icon"的区别:

shortcut icon特指浏览器地址栏左侧显示的图标,一般大小为16 x 16, 后缀名为.icon

icon指的是图标,格式可为png,gif,jpeg,尺寸一般为16x16, 24x24, 36x36等

应用代码:

 

<link rel="shortcut icon" href="..." type="image/x-icon">

rel="apple-touch-icon":是IOS设备的私有标签,使得添加到主屏幕上的网站图标使用指定的图片

各尺寸自适应代码:

默认(老设备):57x57,iPad:72x72,iPhone 4,Retina屏:114x114(原尺寸的2倍)

<link rel="apple-touch-icon" href="apple-touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-iphone4.png" />

media = ‘screen‘:媒体 = 全屏幕

media用于指定这个CSS用于何种设备

screen:缺省值,计算机屏幕

print:打印机

projection:投影机

aural:扬声器

braille:凸字触觉感知设备

tty:电传打字机

tv:电视机

all:所有输出设备

CSS:<link>标签rel和media的解释

标签:

原文地址:http://www.cnblogs.com/carolina/p/5442296.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!