• 移动端页面前端设计随笔整理


    1、安卓机部分浏览器不支持这种背景css的写法:

     
    1 background:#fff url(lunch.png) center bottom /86.5% no-repeat; 

    要写成:

    1 background:#fff url(lunch.png) center bottom no-repeat;
    2 background-size:86.5%;

    2、使用百分比布局页面的时候,从html到body到。。。。。一级一级的每一级都要设置%,比如

    1 html{height:100%;}
    2 body{height:100%;}
    3 .box{height:50%;}

    如此一来。box才能显示高度为页面的50%,否则,box的height值无效。

    3、img是内联元素。所以用div包img的时候,会出现溢出。hack方法,给img添加display:block;

    4、做移动端页面开发,常用的调试工具是Chrome浏览器的emluation,按F12可以显示该工具。

    5、Canvas是用来代替Image标签的一种渲染方法

    6、CSS3也有常用的框架,比如Animate.css

       
  • 相关阅读:
    关于vue的一些总结
    mvc中html导出成word下载-简单粗暴方式
    获取ip地址及城市信息
    .net中html转pdf
    div+css布局的问题
    js面向对象总结
    ES5&&ES6
    前端问题总结
    在vue的项目中引入swiper插件
    vue脚手架的使用
  • 原文地址:https://www.cnblogs.com/edgarman/p/4262119.html
Copyright © 2020-2023  润新知