布局
front_end_fan
互联网公司缺的是技术过硬又精通业务的工程师,缺的是真正能解决实际业务问题的人,缺的是复合型的人才。
展开
-
bootstrap3学习:响应式布局layout
1、像素宽度分类 在bootstrap的v3版本中,已经将各种媒介分为4种像素宽度类型:xs:extra small 特别窄屏幕,默认指浏览器像素宽度小于768pxsm:small 窄屏幕,默认指浏览器像素宽度大于等于768pxmd:middle 中等宽度屏幕,默认值指浏览器像素宽度大于等于992pxlg:large 大屏幕,默认值指浏览器像素宽度大于等于1200px 这四种屏幕宽度对应的尺寸缩写死原创 2017-08-21 10:26:47 · 1175 阅读 · 0 评论 -
CSS百分比padding实现比例固定图片自适应布局
一、CSS百分比padding都是相对宽度计算的在默认的水平文档流方向下,CSS margin和padding属性的垂直方向的百分比值都是相对于宽度计算的,这个和top, bottom等属性的百分比值不一样。这么设计的原因在我的新书(应该不出几个月就要出版了)中会有说明,这里不展开。对于padding属性而言,任意方向的百分比padding都现对于宽度计算可以让我们轻松实现固定比例的块级容器,举个例转载 2017-08-24 14:47:34 · 841 阅读 · 0 评论 -
重温Flex布局
Flex布局,可以简便、完整、响应式地实现各种页面布局。浏览器支持:得到所有浏览器的支持。(注:Flex布局将成为未来布局的首选方案)一. Flex布局的概念:Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。div{ display: flex; }/*行内元素*/div{ display: inline-fl原创 2017-09-18 15:55:41 · 728 阅读 · 1 评论 -
一劳永逸的搞定 flex 布局
jQuery Ajax 实例 (.ajax、.ajax、.post、$.get)原创 2017-07-13 08:09:50 · 658 阅读 · 0 评论 -
图片自适应和footer的定位方式
前言实际项目中,关于页面的方面经常会碰到几个让人头疼的问题。举个栗子:图片自适应问题;底部footer究竟该怎样定位才能保证不管主体部分内容多少,都要能够放在最下面的理想位置。图片大小自适应一般而言,网站为了布局优美,放置图片的方框都是固定大小的容器(防止数据库中的图片大小和容器大小相差太大,影响布局)。根据图片大小和容器大小的比较,分为4类:1、前两类 图片高度 < 容器高度 && 图片宽度 <原创 2017-10-09 11:36:06 · 1292 阅读 · 0 评论