css
fuguotao1
这个作者很懒,什么都没留下…
展开
-
解读CSS布局之-水平垂直居中
对一个元素水平垂直居中,在我们的工作中是会经常遇到的,也是CSS布局中很重要的一部分,本文就来讲讲CSS水平垂直居中的一些方法。另外,文中的css都是用less书写的,如果看不懂less,可以把我给的demo链接打开,然后在控制台中查看最终的css,或者是点击codepen上的“View Compiled”按钮,可以查看编译后的css先看一张图,这是去年cssConf大会时阿里的 @寒冬win转载 2016-02-20 09:58:43 · 1783 阅读 · 0 评论 -
纯CSS箭头,气泡
原文地址http://davidwalsh.name/css-triangles演示地址http://davidwalsh.name/demo/css-triangles.php[plain] view plain copy 本文两种实现方式: 使用或不使用 before 和 :after 伪元素(伪类,pseud转载 2016-04-13 09:54:13 · 563 阅读 · 0 评论 -
html rem动态计算
function fixFontSize() { var $html = $('html'); var remBase = $(window).width() / 10; var fontSize = remBase; while (true) { var actualSize = parseInt( $html.css('font-size') ); if (ac原创 2016-05-31 19:40:12 · 1119 阅读 · 0 评论 -
响应式布局layout
在去年的这个时候写过关于bootstrap的相关文章(见:bootstrap2学习1:基本CSS样式),然后就搁置了,原因是因为当时对bootstrap的了解不深,并且当时v2版本对响应式设计的不是非常好。如今,bootstrap的v3版本很早就出来了,现在又拿出来老调重弹一次。这次学习bootstrap,希望是一次比较深入的了解bootstrap,但愿能够在实际开发中运用的得心应手。学习转载 2016-06-03 17:04:36 · 590 阅读 · 0 评论 -
解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题 百度源代码如下http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml>;百度一下,你就知道 var wpo={start:n转载 2016-07-27 18:19:19 · 3466 阅读 · 0 评论 -
自适应移动端
互联网上的自适应方案到底有几种呢?就我个人实践所知,有这么几种方案:固定一个某些宽度,使用一个模式,加上少许的媒体查询方案使用flexbox解决方案使用百分比加媒体查询使用rem淘宝最近开源的一个框架和网易的框架有同工之异。都是采用rem实现一稿解决所有设置自适应。在没出来这种方案之前,第一种做法的人数也不少。类似以下说到的拉钩网。看一下流云诸葛的文章。以下摘自:从网易与淘转载 2016-07-27 19:05:38 · 368 阅读 · 0 评论 -
scale页面比例
var scale = 1 / devicePixelRatio;document.querySelector('meta[name="viewport"]').setAttribute('content','initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-sc原创 2016-07-28 19:33:26 · 393 阅读 · 0 评论