说下link 标签media 参数的含义
搞前端开发有一年多了,可总有些细节东西没有关注过,就比如HTML中的<link>标签,它可以引入CSS,也可以引入一个网站的ICO图标,但它后面还有一个media参数,这个你知道是干什么的吗?大家常见的<link>用法划过于下面的代码:
<link href="css.css" rel="stylesheet" type="text/css" media="screen" />
以上是引入网站自定义的CSS文件,还可以用来引入网站的ICO LOGO图标,比如:
<link rel="shortcut icon" href="favicon.ico" media="all" />
见有些朋友的link标签的media属性都空着,不写也没事,不过如果你的网页需要在不同终端设备上显示,比如打印时显示不同的排版格式,那就需要使用media参数了,比如:
<link type="text/css" rel="stylesheet" href="stylesheet.css" media="screen" /> <link type="text/css" rel="stylesheet" href="printstyle.css" media="print" />
上面的代码意思是说,当不打印的时候,使用media="screen"来显示网页,当打印的时候就调用printstyle.css来显示网页,有的朋友为了打印,另写了一个页面,还定义了CSS,如果你知道link标签还可以这么用,那你肯定要笑自己傻了。为了方便,这里给出media的所有参数及含义,方便你使用:
screen 计算机屏幕(默认)。 tty 电传打字机以及类似的使用等宽字符网格的媒介。 tv 电视机类型设备(低分辨率、有限的滚屏能力)。 projection 放映机。 handheld 手持设备(小屏幕、有限带宽)。 print 打印预览模式/打印页面。 braille 盲人点字法反馈设备。 aural 语音合成器。 all 适用于所有设备。
如果你的网页打印时与电脑上显示的是一个样式,那么你link里的media参数,可取值Screen,也可以取值all。
一、推荐使用迅雷或快车等多线程下载软件下载本站资源。
二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。
三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!
四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.
五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。
六、如需转载本站资源,请注明转载来自并附带链接
七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com
- 1CSS控制文字在Div最底部显示
- 2Thinkphp5如何配置IP+端口访问项目模块
- 3elementUI el-dialog弹框居中
- 4教你如何搭建及优化站点
- 5国内互联网视频行业运营分析
- 6service mysql start出错,mysql不能启动,解决mysql: unrecognized service错误
- 7CSS实现悬浮顶部的Div工具栏
- 8记一次Thinkphp5.1框架mysql数据库崩溃(SQLSTATE [08004] Too many connections)
- 9连接SQL Server数据库提示:Login failed for user 'sa'错误的解决方案
- 10Thinkphp3.2在centos7上设置计划任务的方法