33. 初识移动端CSS

从33章之后我们主要针对移动端CSS

移动端浏览器基本不需要考虑兼容性问题,原因是移动端的浏览器开发的都比较晚

在这里输入想要使用的方法

我输入了一个transform,下面得到了结果

红的不能用

绿的可以用

我们回到移动端

我们可以通过chrome调试工具模拟移动端,打开调试工具后点击这里,就可以看到手机访问时的情况了

使用手机端访问相同的地址有时会有不同的效果(根据不同设备进行重定向),比如我们用移动端访问jd.com(会重定向到m.jd.com),一般来讲移动端页面的地址会在原有地址前加m.

再用PC端访问

有两种移动端页面,一种是开发的时候直接针对移动端进行开发,像上面京东那样(单独制作移动端页面)

另一种是页面会根据不同的宽度进行不同的布局,像下面三星这样(响应式兼容PC移动端)

这种兼容性的页面制作起来相当麻烦

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Suyuoa

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值