html5
weixin_流年
这个作者很懒,什么都没留下…
展开
-
html引入公共的头部和底部
我们在做项目的时候经常会遇到一样的头部和底部,如果每个页面都复制一遍,不仅工作量大而且万一需要修改一下文章就更麻烦了,这时候就需要我们把公共部分提取出来,等需要的时候再引入页面。在网上找了好久,也尝试了几次,觉得对前端来说最好的方法就是使用jQuery的load函数,/*导入头部和尾部*/$(document).ready(function(){ $(".footer").load("page/footer.html");});但是注意,此时的footer.html不需要是完整的H.原创 2020-12-29 10:33:26 · 989 阅读 · 1 评论 -
移动端rem自适应(最简单的解决方案)
今天主要介绍的是在实践中用的最顺手最简单的布局方案——rem(什么是rem)布局。什么是rem?rem是个低调的css单位,手淘在移动端的布局是基于rem处理的,当然还要基于viewport的处理,这里暂且不表。rem和em单位一样,都是一个相对单位,不同的是em是相对于元素的父元素的font-size进行计算,rem是相对于根元素html的font-size进行计算,这样一来rem就绕开了复杂的层级关系,实现了类似于em单位的功能。默认情况下浏览器给的字体大小是16px,按照转化关系 16px =原创 2020-12-29 10:11:25 · 2616 阅读 · 1 评论 -
两列自适应布局及三列自适应布局
前端开发页面布局中,常见的页面布局方式有,比如两列布局,左边固定宽度,右边自适应宽度。以及三列布局的时候,两边固定宽度,中间宽度自适应。这样的需求实现方式也很简单,下面介绍一种比较简单的方法。两栏布局,左边固定宽度,右边宽度自适应。<body> <div class="left"></div> <div class="right"></div></body> html,body{ margin:原创 2020-09-01 09:58:50 · 606 阅读 · 0 评论 -
元素水平垂直居中的几种方式(简单直接)
前端项目开发时,我们在页面布局的时候,经常会遇到让一个元素水平垂直居中,实现的方式很多,下面就来简单总结下,直接上代码,需要的可以直接使用:方式1<body> <div class="wrap"></div></body> .wrap{ width: 100px; height: 100px; position: absolute; left: 0px; right: 0px; bottom:..原创 2020-09-01 09:42:20 · 720 阅读 · 0 评论