移动web特别样式处理

  1. 高清图片
    在移动页面上渲染图片,为了避免图片产生模糊,图片的宽高应该用物理像素单位渲染,即是100*100的图片,应该使用100dp*100dp
    width:(w_value/dpr)px;
    height:(h_value/dpr)px;

2.1 像素边框
这里写图片描述

3.相对单位rem
这里写图片描述

不使用rem的情况:font-size
一般来讲font-size是不应该使用rem等相对单位的。因为字体的大小是 阅读的使用性,并不适合与排版布局。

同理趋向于一些固定的元素的特性。我们不使用rem而改为使用px去确保在不同屏幕上表现一致(跟rem的目的相反)。

这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值