需求： 原理： 拖动效果的实现基本都是dom操作来实现的，通过拖动分隔线，计算分隔线与浏览器边框的距离(left)，来实现拖动之后的不同宽度的计算；当拖动分隔线1时，计算元素框left和mid；当拖动分隔线2时，计算元素框mid和right；同时设置元素框最小值以防止元素框拖没了（其实是被遮住了）。 ...
分类：
Web程序 时间：
2020-07-26 00:33:14
阅读次数：
89
在处理移动端页面时，我们有时会需要将 banner 图做成与屏幕等宽的正方形以获得最佳的体验效果，如 Flipbord 的移动页面： 那么应该怎么使用纯 CSS 制作出能够自适应大小的正方形呢？ 方案一：CSS3 vw 单位 CSS3 中新增了一组相对于可视区域百分比的长度单位 vw, vh, vm ...
分类：
Web程序 时间：
2020-03-15 09:20:57
阅读次数：
80
meta标签是网页元标签。可以定义一些网站的功能。 1. name属性 name属性的通用格式如下： 常见的值有如下几种： 1. viewport 定义浏览器窗口的视窗为自适应大小 2. keywords 指定当前页面对于搜索引擎的关键字 3. description 告诉搜索引擎当前页面的主要内容 ...
分类：
Web程序 时间：
2019-12-09 01:27:31
阅读次数：
93
body { background: url(/img/index.jpg) no-repeat center center fixed; background-size: 100%; } ...
分类：
Web程序 时间：
2019-06-01 19:47:58
阅读次数：
118
Bootstrap 实例 - 按钮 自适应按钮组 以通过 .btn-group-justified 类来设置自适应大小的按钮组。 Apple ... ...
分类：
其他好文 时间：
2019-05-19 14:18:14
阅读次数：
124
响应式图片： 标题标签h 副标题：small 页面主体： Bootstrap 将全局 font-size 设置为 14px，line-height 设置为 1.428。这些属性直接赋予 <body> 元素和所有段落元素。另外，<p> （段落）元素还被设置了等于 1/2 行高（即 10px）的底部外边 ...
分类：
其他好文 时间：
2019-04-15 23:10:33
阅读次数：
174
在网页设计时经常遇到需要背景图或者轮播图等情况，为了满足众多用户的不同需求，我们又不能一次性的定死页面的宽和高，所以需要使用一些手段是窗口达到自适应的目的，在今天的开发中，遇到这个问题并找到了解决的方法 通过上面的代码可以获取当前窗口的高度，并将得到的数值赋值给自适应的对象，这样子就可以达到窗体自适 ...
分类：
其他好文 时间：
2019-01-02 19:07:34
阅读次数：
199
方式一： 定义js中定义html变量 方式二： 设置div ：hidden：hidden 布局 数据表格自适应大小： 代码： ...
分类：
其他好文 时间：
2018-11-29 23:19:10
阅读次数：
463
1、先切换到页面视图 2、粘贴图片进去，成功自适应，像素不变，可右键图片另存为图片，查看原始图片，或者ctrl+滚轮上放大。 3、在其他视图就会出现超出范围的情况，还要自己调整 ...
分类：
其他好文 时间：
2018-09-25 12:41:39
阅读次数：
565
