css
松宝写代码
他大舅他二舅都是他舅
展开
-
移动端设计方案--如何更好的设计移动端高清方案
一、前言有时候需要前端做到移动端高清显示,1、面对开发移动端H5页面,2、面对不同分辨率的手机,3、面对不同屏幕尺寸的手机。二、视觉稿前端开发正常是,视觉的小哥哥给我们psd或者导出的skech文件,这个就是视觉稿,然后前端开始写结构,写元素,调整,优化等等。对于移动端开发而言,达到页面高清的效果,视觉稿的规范往往会遵循这两点:(1)选取一款手机的屏幕宽高作为基准(以前是...原创 2019-05-18 23:14:11 · 428 阅读 · 0 评论 -
css系列--纯 CSS 实现绘制各种三角形(各种角度)
一、前言三角形实现原理:宽度width为0;height为0;(1)有一条横竖边(上下左右)的设置为border-方向:长度 solid red,这个画的就是底部的直线。其他边使用border-方向:长度 solid transparent。(2)有两个横竖边(上下左右)的设置,若斜边是在三角形的右边,这时候设置top或bottom的直线,和右边的斜线。若斜边是在三角形的左边,这时候设置top...原创 2019-06-21 14:47:09 · 538 阅读 · 0 评论 -
css系列--六种实现元素水平居中方法
一、前言居中效果在CSS中很是普通的效果,平时大家所看到的居中效果主要分为三大类:水平居中、垂直居中和水平垂直居中。而其中水平居中相对于后两者来说要简单得多。使用了css3的flexbox的属性轻松实现多行文本水平垂直居中的方法。当然大家有可能认为这些方法对于浏览嘎嘎的兼容性处理太麻烦了。二、六种方法常见的居中是固定宽度,加上margin: 0 auto。但是如果宽度不明确,我们...原创 2019-06-18 17:49:39 · 305 阅读 · 0 评论