html常用代码

127 阅读1分钟
  1. 设置视口标签以及引入初始化样式 引入移动端特有的初始化样式
复习笔记里有 2. body常用初始化样式 body { margin: 0 auto; min-width: 320px; max-width: 640px; background: #fff; font-size: 14px; font-family: -apple-system, Helvetica, sans-serif; line-height: 1.5; color: #666; }

/* /点击高亮我们需要清除清除 设置为transparent 完成透明/ */

  • { -webkit-tap-highlight-color: transparent; }

/* 在移动端浏览器默认的外观在iOS上加上这个属性才能给按钮和输入框自定义样式/ */

input { -webkit-appearance: none; }

/* 禁用长按页面时的弹出菜单 */

img, a { -webkit-touch-callout: none; } 5. 二倍精灵图做法  在firework里面把精灵图等比例缩放为原来的一半  之后根据大小 测量坐标  注意代码里面background-size也要写: 精灵图原来宽度的一半 /* 清除浮动 */ .clearfix:after { visibility: hidden; clear: both; display: block; content: "."; height: 0; } .clearfix { zoom: 1; } / background-size精灵图问题代办 / / background: url(../images/jd-sprites.png) no-repeat -104px 0; background-size: 250px auto; / / 原图缩小一半,距离缩小一半 */

/---------------------------常用的head标签内容-----------------/

test---品优购商城-综合网购首选-正品低价、品质保障、配送及时、轻松购物! 解决ie9以下不支持h5和media媒体查询的问题