基本知识点 本文依赖于一个基础却又容易混淆的css知识点：当padding/margin取形式为百分比的值时，无论是left/right，还是top/bottom，都是以父元素的width为参照物的！ 哈，top/left以父元素的width为参照物还好理解，但top/bottom不是以 ...

| 导语 在很多场景下，我们都需要给容器设定宽高比，实现自适应占位，巧用margin/padding可以让我们实现我们的需求 基本知识点 本文依赖于一个基础却又容易混淆的css知识点：当padding/margin取形式为百分比的值时，无论是left/right，还是top/bottom ...

　　有时候我们会遇到如下需求：输入框的宽度随内容长度自适应，当输入框宽度增大到一定值时，里边的内容自动隐藏。 　　面对这种需求，我们首先想到的是使用input元素标签，但是发现input标签的宽度默认设定的是固定的，不支持min-width和max-width样式，所以如果想实现宽度随内容自适应 ...

一，最近在做项目，写移动端的网页，主要是自适应的问题。bootstrap等前端框架用的不好，又不想耽误时间，不能自适应很烦人，这里给大家介绍下我的方法， 也是结合了很多人的思路。 1.在头部加入这样的一行代码： 这句话是自动设置缩放，然而，它并不能完全适应所有的手机，并且你在用浏览器手机 ...

1. 目标 一个登录后的个人信息显示条，最终要实现的效果如下图所示： 2. 分析 这个显示条的特点是：用户的用户名和积分可能会占据不同的宽度，这样会导致整个边框的宽度不同。边框的颜色是用的渐变色，上深下淡，所以现阶段还只能用切图的方法来做。这要怎么实现呢？办法很多。综合考虑，觉得将边框 ...

转自：http://www.cnblogs.com/zhujl/archive/2012/03/20/2408976.html 高度自适应问题，我很抵触用js去解决，因为不好维护，也不够自然，但是纯用CSS，难度不小，比如下面我要说的例子。 需求： 1. 这个矩形的高度和浏览器窗口 ...

...

css自适应布局可以分为以下几种： 1、宽度全部100%，高度自适应页面 布局时候的要点是计算出划分的版块在设计图中所占的百分比，要注意提前将html，body{height:100%;} 2、两栏（左右） 三栏（双飞翼布局） 这两种布局方法是从左往右依次排开，方法如下： 1、触发 ...