Google开发者模式调试css样式的方法

  1. 界面如下,你需要调试css样式…
    Google开发者模式调试css样式的方法_第1张图片

  2. 看下图,高仿某云播放界面部分
    Google开发者模式调试css样式的方法_第2张图片

  3. 需求

1.h5开发手机端界面,禁用缩放
2.如何精准的定位像上图一样,或者更好
3.使用Google调试器,调试css样式
  1. 如何调样式
  • 选择对应的样式

Google开发者模式调试css样式的方法_第3张图片

  • 确定多个元素的样式,调整位置,布局,方向等…
    Google开发者模式调试css样式的方法_第4张图片

  • 最后,上面是在页面的预览效果,把调整合理的值,修改css对应属性值
    Google开发者模式调试css样式的方法_第5张图片

  • 上面还得调…

你可能感兴趣的:(#,html5,&,css3,html5,css)