浅谈媒体查询

媒体查询是界面为了适应不同屏幕大小而存在的
基本语法是:
@media mediatype and(在)| not(不再)|only (仅在)(media feature (设备尺寸)) {
CSS-Code;
}
两种引入方式:
1.内嵌

<style>
@media screen and (width:400px){   
  body{
    background-color:red;
  }
}
@media screen  and (min-width:600px) and (max-width:400px){   
  body{
    background-color:red;
  }
}
</style>

外链:

<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="shetland.css" />

移动端小处理:
阻止移动浏览器自动调整页面大小
ios和android浏览器都基于webkit内核,这两种浏览器和许多其它浏览器都支持用viewport meta元素覆盖默认的画布缩放设置。只需要在HTML的标签中插入一个标签,meta标签中可以设置具体的宽度或缩放比。下面为示例

     <metaname=”viewport” content=”initial-scale=2.0, width=device-width” /> 

name=”viewport” 说明此meta标签定义视口的属性

initial-scale=2.0 意思是将页面放大两倍

width=device-width 告诉浏览器页面的宽度等于设备宽度
允许用户将页面最大放大至设备宽度3倍,最小压缩至设备宽度的一半

  <metaname=”viewport” content=”width=device-width, maximum-scale=3,minimum-scale=0.5” />

禁止用户缩放,可以在混合APP时,为了使html页面更逼真,使页面无法缩放

  <metaname=”viewport” content=”initial-scale=1.0, user-scalable=no” />   //user-scalable=no是禁止缩放

*浏览器宽和设备的宽是不一样的,如果让页面的宽等于设备的宽,并且使用同样的分辨率值来进行媒体查询,那么结果肯定是在小设备的情况下会出现滚动条,所以手机设备的媒体查询时的分辨率宽与实际的分辨率不同,一般媒体查询检测移动设备为320px

随着新媒体的快速发展,人们的信息获取方式和传播方式发生了巨大的变化,新媒体平台的出现和普及,使得人们的沟通方式和信息传播方式发生了深刻的变革。在这一背景下,群体极化现象也逐渐呈现出来。 群体极化是指社会上的个体在不同的话题和观点上,逐渐趋向于两极化的现象。在新媒体传播中,由于信息的爆炸性增长和信息来源的多样化,人们的观点和态度也逐渐分化,形成了两极分化的局面。在一些敏感的话题上,人们往往会形成两个极端的观点,形成相互对立的态势。 群体极化现象在新媒体传播中的原因主要有以下几点: 1.信息泛滥:新媒体传播平台上的信息量巨大,内容的真实性和可信度难以保证,这让人们在信息选择和判断上变得更加困难,容易形成盲目跟风和人云亦云的现象。 2.算法推送:新媒体平台的算法推送会根据用户的兴趣偏好推送相关内容,这让人们更加容易接触到自己喜欢的观点和信息,而忽略了其他的观点和信息,从而导致信息的不对称。 3.社交网络:新媒体平台上的社交网络使人们更容易形成小圈子,由于社交网络中的人都有相似的兴趣和观点,容易形成共识,形成群体化的现象。 4.个人化需求:新媒体平台的个性化需求使得人们更加注重自己的兴趣和需求,而忽略了其他的观点和信息,从而导致信息的片面性和不全面性。 总之,群体极化现象在新媒体传播中已经成为一个普遍现象,需要我们认识到其存在的问题和影响,采取相应的措施来加以遏制。这需要我们在信息传播和获取上更加理性和客观,同时也需要新媒体平台和相关部门加强监管和管理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值