media="screen" 这句代码是什么意思？

最新推荐文章于 2022-08-26 15:21:15 发布
最新推荐文章于 2022-08-26 15:21:15 发布
阅读量1.3k 收藏
点赞数 1
分类专栏： CSS 文章标签： stylesheet html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qingyun0719/article/details/5391667
版权

HTML代码如下：
<link type="text/css" rel="stylesheet" href="css/style.css" media="screen" />

这行代码最后面的  media="screen" 这句代码是什么意思？

 

media=“”指定这个CSS用于何种设备。具体参数如下：

screen (缺省值)，提交到计算机屏幕；
print， 输出到打印机；
projection，提交到投影机；
aural，扬声器；
braille，提交到凸字触觉感知设备；
tty，电传打字机 (使用固定的字体)；
tv，电视机；
all，所有输出设备

Dora
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js实现页面打印功能实例代码(附去页眉页脚功能代码)
12-09
代码如下: <html> <head></head> <style type=”text/css” media=”screen”> @media print{ .print {display:block;} .notPrint {display:none;} } </style> [removed] function preview() { bdhtml=window.document.body[removed]; sprnstr=”<!–startprint–>”; eprnstr=”<!–endprint–>”; prnhtml=bdhtml.s
Ant Media Server Screen Share extension-crx插件
04-02
语言:English 此扩展程序使您可以与Ant Media Server共享屏幕 在https://github.com/ant-media/Chrome-Screen-Capture-Extension https://antmedia.io上查看源代码
使用 CSS3 中@media 实现网页自适应的示例代码
11-21
如今，电脑显示器的屏幕分辨率向越来越大发展，而手机等移动设备终端的分辨率却不可能大到哪里去。越来越多的网站，开始让自己的页面自适合各种分辨率，在小分辨率下显示基本的内容，在大分辨率下显示全部功能，甚至是分多等级的多版本。 一、CSS2 中的@media css2里面虽然支持@media属性，但是能实现的功能比较少，一般只用做打印的时候做特殊定义的CSS。  @media sMedia { sRules } 1.1、示例 // 设置显示器用字体尺寸 @media screen { BODY {font-size:12pt; } } // 设置打印机用字体尺寸 @media print {
css使用@media响应式适配各种屏幕的方法示例
01-19
定义和使用 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。 PC端设备屏幕的宽度 页面宽度大于1000px（>=1000）且小于1200px（<=1200）的时候执行下面的CSS（实际刚好“>=1000”或“<=1200”的都执行） @media screen and (min-width:1000px) and (max-width: 1200px){ .cont_li
但行好事 莫问前程 学习笔记 media="screen"
05-13 3万+
media="screen" media 属性用于为不同的媒介类型规定不同的样式。 screen 计算机屏幕（默认值）。 tty 电传打字机以及使用等宽字符网格的类似媒介。 tv 电视类型设备（低分辨率、有限的屏幕翻滚能力）。 projection 放映机。 handheld 手持设备（小屏幕、有限的带宽）。 print 打印预览模式 / 打印页。 bra...
媒体查询(media)-screen
weixin_48879122的博客
08-26 1820
该文章讲述了常用的媒体查询怎么使用，并对开发中最常用的screen媒体特性进行了讲解；最后的demo中展示了css三大特性之一-层叠性。
media="screen"
东亮博客
11-27 835
  media=“”指定这个CSS用于何种设备。具体参数如下：screen (缺省值)，提交到计算机屏幕；print， 输出到打印机；projection，提交到投影机；aural，扬声器；braille，提交到凸字触觉感知设备；tty，电传打字机 (使用固定的字体)；tv，电视机；all，所有输出设备
@media screen实现屏幕自适应内容详解
夜空下的凝视
05-16 1万+
优点： 无需插件和手机主题，对移动设备友好，能够适应各种窗口大小。只需在CSS中添加@media screen属性，根据浏览器宽度判断并输出不同的长宽值。 准备工作1：设置Meta标签 首先，在使用Media时，需要先设置下面这段代码，来兼容移动设备的展示效果： <meta name="viewport" content="width=device-width, initial-scale=...
media="screen"啥意思？
senlin1202的博客
03-04 377
原文地址：media="screen"啥意思？作者：hiliyingyy <link rel="stylesheet" href="css/lavalamp_test.css" type="text/css" media="screen"/> media=screen 是什么意思 有时我们在分析别人的网站源代码的时候，发现在头标签的样式表里面多了个 “media=screen ”或者 “media
media="screen"在代码里是什么意思，有何作用
brancepeng的专栏
05-13 391
&lt;link rel="stylesheet" href="css/lavalamp_test.css" type="text/css" media="screen"/&gt; media=screen 是什么意思 有时我们在分析别人的网站源代码的时候，发现在头标签的样式表里面多了个 “media=screen ”或者 “media="print”，原来这些都是相对于媒介来进行设...
利用 @media screen 实现网页布局的自适应,@media screen and
热门推荐
qq_095的博客
09-05 7万+
利用 @media screen 实现网页布局的自适应,@media screen and 开始研究响应式web设计，CSS3 Media Queries是入门。 Media Queries 其作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。 换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备。 那么，Media Q...
media="screen"啥意思？
weixin_34392843的博客
12-17 730
<link type="text/css" rel="stylesheet" href="css/liangQuery.css" media="screen"/><link type="text/css" rel="stylesheet" href="css/common.css?v=1.1" media="screen"/><link type...
CSS的@media与@media screen，媒体查询
jingjing的博客
02-20 3316
在网站自适应设计中，@media与@media screen是经常会用到的css代码，其功能就是为不同的媒体设置不同的css样式，这里的“媒体”包括页面尺寸，设备屏幕尺寸等。 @media与@media screen区别 @media与@media screen两者在电脑&手机设备上没有区别，但@media screen的css在打印设备里是无效的，而@media在打印设备里是有效的，如果css需要用在打印设备里，就用@media；否则，就用@media screen。 不过这只是笼统的做法，其实如
html中 media的作用
Dream Space
08-26 4832
今天看到一个新的知识，知识不算新的，但是我也是第一次接触，所有写下来记录一下，省得以后用 忘记了。 在css中我们使用media标签来区分调用哪个css样式，比如使用media="print"来表示当执行打印文档时，使用print.css样式。这样使得文档更有得于打印，如将页面宽度增宽、或屏蔽掉一些不需要打印的内容。 下边是media标签的10个值，可见常用的并不多。当
css3 media媒体查询器用法总结
小迷童
01-15 2518
随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。 准备工作1：设置Meta标签
media=screen是什么意思 有什么用？
weixin_33895516的博客
06-06 202
如果需要支持老版本的浏览器，那你就必须坚持使用css1的媒体描述符screen和print，到底是哪些老版本的浏览器，没有查。它们是相互排斥的，因此在为屏幕显示而生成页面的时候，浏览器会忽略掉打印样式表，反之亦然。所以，每个样式表都需要包含相同的样式选择器，但是有不同的规则声明，以便为不同的输出设备分别生成页面样式。 &lt;link rel="stylesheet" type="text/...
里面link的media=”screen”意思
linrulei11的专栏
09-23 7570
转载自：http://qianduan.info/post/55 里面link的media=”screen”意思 media=”screen” /media=”print” 的区别 /> 如果需要支持老版本的浏览器，那你就必须坚持使用css1的媒体描述符screen和print。它们是相互排斥的，因此在为屏幕显示而生成页面的时候，浏览器会忽略掉打印样式表，反之亦
media="screen"是什么意思？
weixin_30566063的博客
02-07 201
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen"/>media=screen 是什么意思？ 有时我们在分析别人的网站源代码的时候，发现在头标签的样式表里面多了个media=screen 或者media="print,原来这些都是相对于媒介来进行设置的，就像Potoshop一样，每...
@media screen and (min-width: 1000px) 什么意思
最新发布
06-10
@media是CSS中的一个规则，用于指定在不同的媒体设备和不同的屏幕尺寸下应用不同的样式。其中，screen表示样式仅适用于屏幕媒体，而(min-width: 1000px)则表示当屏幕宽度不小于1000像素时，应用该样式。 换句话说，以上这行CSS代码表示只有当屏幕宽度不小于1000像素时，才会应用该规则中定义的样式。这在响应式设计中非常常见，因为我们需要根据不同的屏幕尺寸来适配不同的布局和样式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值