![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
角落里的鸽子
亿万代码的探索者。
展开
-
rem的理解与应用
rem的理解与应用前端的小伙伴有没有遇到一个问题,设计师给你的设计稿上面宽高都是固定的多少px,你根据设计稿高度还原了元素的宽高,结果产品经理却跟你说,不同设备下元素看起来大小不一样?有经验的前端人员就知道,这个时候该是rem登场了。很多文章会告诉你,rem就是相对于根元素html的字体大小,我这里便不再累赘,我们直接看实际例子。问题如上图,有一个设计稿标注了全稿宽高为375和667px,其中一个div宽高为300和50px,如何做rem适配?解决分三步走:1、获取屏幕大小 screenW原创 2020-12-22 15:58:37 · 419 阅读 · 2 评论 -
在微信小程序里面如何内嵌H5页面(web-view)
不知道大家有没有注意到,从微信小程序基础库1.6.4开始,小程序内部新增了开放组件web-view,这个组件提供了类似于html页面的iframe功能,方便大家在微信小程序里面打开一下新的H5页面,在H5页面能完成很多操作,并且能与小程序之间畅快通讯。闲着无聊,跟大家整理一下web-view的用法。 web-view,官方解释为:承载网页的容器,会自动铺满整个小程序页面。且个人小程序暂未开放,也就是说想使用这个开放接口的童靴呢,要先确保自己有个企业号小程序哦。we...原创 2020-09-27 18:14:36 · 19076 阅读 · 1 评论 -
如何用jq(jquery)编写一个带关键字搜索的input框
html代码css样式js部分最终效果原创 2018-11-05 13:56:27 · 2914 阅读 · 0 评论 -
如何用css3制作一个旋转的立方体
css3增加的动画效果使得前端制作某些动画更加方便,流畅,如果制作一个最简单的会旋转的立方体呢?话不多说,直接上代码!html代码如下,需要一个大的div包裹六个div作为立方体的六个表面<body> <div class="box"> <div class="one"&原创 2018-11-05 14:01:40 · 2574 阅读 · 2 评论