css
~倾半世阳光
生活的乐趣还在于,你昨日的最大痛楚,极可能造就你明日最大力量。
展开
-
移动端开发
1.1屏幕 移动设备与PC设备最大的差异在于屏幕,这主要体现在屏幕尺寸和屏幕分辨率两个方面。 通常我们所指的屏幕尺,实际上指的是屏幕对角线的长度(一般用英寸来度量)而分辨率则一般用像素来度量 px,表示屏幕水平和垂直方向的像素数,例如1920*1080指的是屏幕垂直方向和水平方向分别有1920和1080个像素点而构成。1.2长度单位 在Web开发中可以使用px(像素)、em、pt(点)、in(转载 2017-07-07 08:50:03 · 266 阅读 · 0 评论 -
前端面试题(持续更新)
css知识点:1.实现一个三角形;.sanjiao{width: 0;height: 0;border-width:10px;border-color:red transparent transparent transparent;border-style:solid;}2.让所有div外面的p标签背景颜色为黄色;div+p{background-color: yellow;}...原创 2019-03-06 21:09:55 · 115 阅读 · 0 评论 -
css的伪类before的使用
首先我们还是先上效果图:看我我在最新New之前利用before伪类加了一个竖标识;直接上代码:结构如下:<view class="new {{newSelect?'active':''}}" @tap="choseNew"> 最新<image src="../../images/index/new.png"/> ...原创 2019-04-08 18:07:53 · 660 阅读 · 0 评论 -
css隐藏滚动条
其实就是一行代码:/*隐藏滚动条*/::-webkit-scrollbar { width: 0; height: 0; color: transparent;}原创 2019-04-17 16:30:03 · 68 阅读 · 0 评论 -
css水平垂直居中
前段时间在开发小程序的过程中,遇到了关于传统居中实现方式问题。什么是我理解的传统居中呢?就是学习前端基础的时候,第一想到的居中方式。根据“子绝父相定位居中”子绝父相定位居中.box{ position: absolute; width: 500px; height: 500px; left: 50%; top: 50%; margin-left: -250px;...原创 2019-05-14 10:58:53 · 80 阅读 · 0 评论 -
小程序在 iphone6中的flex布局 兼容性
项目上线后,被体验用户截图了。样式完全爆炸。我当时也差点原地爆炸了。因为在测试开发阶段,没有看到这样的情况出现。一时间有点慌张,哈哈哈哈,其实 还好。仔细发现,就会察觉到是flex布局的兼容性问题了,在日常开发中,我似乎没有养成这样需要display:-webkit-flex;这样多书写一行代码的习惯,因为觉得现在大多数人的手机不应该那么老。现在开来,做开发还是需要多照顾那些在201...原创 2019-05-10 15:09:10 · 3111 阅读 · 0 评论