关于响应式

老师这里的

@media (mix-width: --px) { color: #f0f};

老师这里的不写设备和 and-end --- 系统默认会是什么设置那？

老师详细解释一下嘻嘻

慕神6715844 2018-11-03

源自：项目：实现企业网站首页 2-2 页面头部的制作（二）

1

收起

2回答

卡布琦诺 2018-11-05 10:30:29

@media（min-width:--px）在打印设备里是有效的，比如你想要打印带有css样式的网页，那么就用@media ，否则，就用@media screen and（min-width:--px），如果不使用在打印设备里，@media（min-width:--px）和media screen and（min-width:--px）是没有本质区别的，都是根据设置的尺寸计算的。

提问者慕神6715844 #1

打印设备是啥。嘿嘿

2018-11-05 14:07:39
卡布琦诺回复提问者慕神6715844 #2

打印设备直观理解就是打印、印刷行业的设备。比如想打印网页就需要使用@media（min-width:--px），这个作为了解即可，开发中不涉及打印的知识，同学只要掌握在前端网页开发中，media（min-width:--px）和media screen and（min-width:--px）是没有本质区别的，使用@media（min-width:--px）和media screen and（min-width:--px）都可以实现响应式，但是严谨的写法是media screen and（min-width:--px）。希望可以帮到你~

2018-11-05 14:32:28
提问者慕神6715844 回复卡布琦诺 #3

好的谢谢了简单通俗的说就是连接打印机吧

2018-11-05 23:04:32

点开查看后面1条评论

卡布琦诺 2018-11-04 12:34:14

系统会按照你设置的尺寸计算，符合你设置的尺寸就执行里面的代码

祝学习愉快！

提问者慕神6715844 #1

老师你理解错了，是屏幕大小设置前面的两个。一个选择什么设备，一个and之类的。这两个不写系统会如何处理

2018-11-04 13:05:30

相似问题

关于computed、watchEffect及响应式数据

响应式数据引用问题

上一节作业，怎么才能做到响应式？求批改

响应式

老师，这个项目做响应式布局的话

登录后可查看更多问答，登录/注册

响应式开发与常用框架 2018

参与学习人
提交作业 2198 份
解答问题 5012 个

如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！

本课精华内容

问答作业

图片高度不一样的问题

45 24

请问老师原理是什么

70 16

请问老师到底是什么机制

44 12

我的js为什么绑定不上啊

0 11

请问这个怎么解释

44 11

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载