随笔分类 -  CSS

css系列：input的placeholder在safari下设置行高失效
摘要：技术交流群：821039247 在项目中遇到input的placeholder在safari下设置行高失效的问题，问度娘后未得治原因，倒是有解决办法： 方法一：使用padding使提示文字居中，如果font-size:14px,UI高度为40px,我们可以设height：14px,padding:1 阅读全文
posted @ 2017-03-27 21:59 星际实验室 阅读(2712) 评论(0) 推荐(1)
【转载】rem自适应布局-移动端自适应必备
摘要：原文链接：rem自适应布局-移动端自适应必备 版权所有，转载时请注明出处，违者必究。 由于移动端特殊性，本文讲的是如何使用rem实现自适应，或叫rem响应式布局，通过使用一个脚本就可以rem自适应，不用再为各种设备宽度不同而烦恼如何实现自适应的问题。 rem是相对于根元素<html>，这样就意味着， 阅读全文
posted @ 2017-03-20 14:50 星际实验室 阅读(310) 评论(0) 推荐(0)
css系列（布局）：实现一个元素在浏览器中水平、垂直居中的几个方案
摘要：在开发中偶遇需要一个元素垂直居中的需求，之前都是水平居中，垂直居中使用的比较少，经过一通研究，选择了几种相对比较实用的方案分享，抛砖引玉，如有遗漏不足，还望不吝指正。 方案一（IE7下该方案无法实现垂直居中）： 通过设置父级的的块属性实现，将父级元素手动转换位display:table-cell属性 阅读全文
posted @ 2016-07-13 16:29 星际实验室 阅读(970) 评论(0) 推荐(0)