css的页面布局-背景适应不同的屏幕

问题:

1、背景随着布局的变化,做相应的缩放,这种情况下可以使用样式属性background-size来做处理。

2、页面内的元素要适应不同尺寸的屏幕,用样式很难做,但是可以为超大与正常的尺寸分别的设置不同的尺寸与样式,这个时候可以考虑使用媒体查询来实现,等同于几套css。

3、ie8不支持background-size,但是可以通过设置meta来是ie8支持这个属性,代码如下

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

记录:

-webkit-min-device-pixel-ratio: 2

此属性,查看设备的像素密度,与像素相关。

相关链接(媒体查询):http://www.w3cplus.com/css3/css3-media-queries-for-different-devices

转载于:https://my.oschina.net/u/259316/blog/266839

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值