首页 > 试题广场 >

设置不同屏幕中，元素的位置不会发生改变的是（ &...

[单选题]
设置不同屏幕中，元素的位置不会发生改变的是（      ） 
  • @media screen
  • @media print
  • @media mouse
  • @media key
查看正确选项
添加回答
360公司内推小助手头像 360公司内推小助手

使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。

@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。

当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。

print 用于打印机和打印预览
没有mouse和key这两个选项
发表于 2019-06-03 15:45:24 回复(0)
云飞燕_头像 云飞燕_

这道题，我们需要先了解@media是什么，然后我们才能知道选择答案怎么去区分。

在CSS，@media代表着媒体查询，根据不同设备、屏幕尺寸设置不同的样式。特别是当我们需要设计响应式的页面的时候，@media会起到非常重要的作用。

而这四个选项代表着什么呢：

    1. @media screen：用于电脑屏幕、平板电脑、智能手机
    2. @media print：用于打印机和打印预览
    3. @media mouse：媒体查询中暂无此属性
    4. @media key：媒体查询中暂无此属性
首先，C、D两个选择直接去掉，没有此属性。就可以来看A、B两个选择。
A：用于电脑屏幕、平板电脑、智能手机
B：是用于打印机的。
我们再看题目，设置不同屏幕中，元素的位置不会发生改变的是？：
就代表着，答案需要具有多设备下运行同一套样式代码的能力。这样答案就显而易见，B答案只针对打印机，而只有A答案能够针对于多种设备、屏幕尺寸进行同比例的排版布局，以保证元素位置相同。
故选A
发表于 2022-08-03 14:34:41 回复(1)
祯民头像 祯民

使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。

@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。

当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。

 

发表于 2019-09-27 09:01:42 回复(0)
牛牛121头像 牛牛121
设置媒体查询，通过写适应不同屏幕尺寸的css样式来实现响应式。
在不同屏幕中，元素位置不会改变？？？逗我玩呢
发表于 2021-10-03 09:31:32 回复(0)
牛客414537830号头像 牛客414537830号
什么垃圾题目。
发表于 2021-06-05 20:09:29 回复(0)
zzpdai头像 zzpdai
感觉这题目有歧义 唉😔
发表于 2020-08-23 21:37:30 回复(0)
咕勇者头像 咕勇者
屏幕改变元素位置怎么可能不改变呢？
这道题应该想问的是，当屏幕改变的时候应该使用什么去适配它。
我觉得这样出题很不严谨
发表于 2022-03-10 11:27:18 回复(0)
菲尼克斯007头像 菲尼克斯007
媒体查询不应该根据不同的屏幕尺寸调整元素的位置吗？
发表于 2020-08-18 12:01:14 回复(0)
鋠觞佰钰亰头像 鋠觞佰钰亰
百度、谷歌了好一阵，都没有找到key和mouse的解析教程，一看评论区果然如此。。。
发表于 2020-12-03 09:47:52 回复(0)
T1ng头像 T1ng
响应式 元素的位置没改变的吗？
发表于 2020-04-03 11:45:12 回复(0)
提交观点

问题信息

CSS 前端工程师 爱奇艺 2019
上传者：小小
难度：
10条回答 3521浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号