1.remrem 是相对长度单位，是指相对于根元素(即html元素)font-size(字号大小)的倍数。浏览器支持：Caniuse示例若根元素 font-size 为12pxhtml{font-size:12px;}h1{font-size:2rem;/*2×12px=24px*/}p{...

需求效果：原理：拖动效果的实现基本都是dom操作来实现的，通过拖动分隔线，计算分隔线与浏览器边框的距离(left)，来实现拖动之后的不同宽度的计算；当拖动分隔线1时，计算元素框left和mid；当拖动分隔线2时，计算元素框mid和right；同时设置元素框最小值以防止元素框拖没了（其实是被遮住了）。使用SetCaptu...

在最近开发移动端页面，遇到这么一个情况：当页面宽度100%时，高度为宽度一半，并随手机宽度变化依然是一半。于是我们就需要实现一个宽度自适应，高度为宽度一半的容器。这里先以高度为宽度一半为例，也可以是其他任意比例。 一、思考如何实现这个问题类似于：我们在移动端页面，上面有一张宽度100%的图片，如果我们没设置高...

高度自适应第一种情况1.高度不去设置，或者高度设置auto内容撑开父元素的高度。2.内容撑开父元素的高度->最小高度的设置min-height3.浮动元素添加高度自适应->添加浮动元素的父元素没有高度，会出现高度塌陷 解决高度塌陷的方法(1)给出现高度塌陷的元素添加：overflow:hidden...

<bodystyle="overflow:hidden;"><divclass="wrapper"><!--背景图片--><divid="web_bg"style="background-image:url(/images/welcome.png);background-siz...

实现左边div元素固定，右边div自适应两个块级元素（1）将固定元素设为浮动，此时另一个元素的部分宽度会被浮动元素覆盖，设置另一元素的margin-left或BFC.par{width:300px;border:solid1px#0000FF;height:60px;}.lnav{width:70px;height:3...

在处理移动端页面时，我们有时需要将banner图做成与屏幕等宽的正方形以获得最佳效果。方案一：CSS3  vw单位css3中新增了一组相对于可视区域百分比的长度单位vw,vh,vmin,vmax。vw是相对于视口宽度的百分比，1vw=1%viewportwidthvh是相对于视口高度的百分比，1vh...

BFC(BlockFormattingContext)块级格式化上下文。它是一个独立的渲染区域。它决定了块级元素如何对它的内容进行布局，以及与其他元素的关系和相互关系。     块级元素：父级（是一个块元素）     内...

现在，很多项目都需要做响应式或者自适应的来适应我们不同屏幕尺寸的手机，电脑等设备，那么就需要我们在页面上下功夫，下面我就来说一下如何做响应式（自适应）的网页设计 1、在网页代码的头部，加入一行viewport元标签　　<metaname="viewport"content="width=device-w...

我们在wordpress文章页面经常会用到表格，有些是从其他网页或者文档复制粘贴过来的，在电脑设备网页上都能很好的展示，但是在移动设备上或者低分辨率设备上却经常撑破列宽，很是影响美观和客户体验。这里就这个问题分享一下解决的方法。以下面这个表格为例：表格范例-周杰伦jay专辑《范特西》专辑曲目正确的（自适应宽度）代码如下...

文章概要：1、简介下，tableView中的内容如何高度自适应的布局2、如何做到让tableView的高度动态调整还是看图作文吧～首先，tableView的高度就是用户能够看见里面更大世界的那个窗口的大小，一般是固定的。然后在cell里面布局的时候，像图中粉红色的view展示的内容需要全部展示出来，这样的话这个粉红vi...

本文主要说的是Web中图片根据手机屏幕大小自适应居中显示，图片自适应两种常见情况解决方案。开始吧在做配合手机客户端的Webwap页面时，发现文章对图片显示的需求有两种特别重要的情况，一是对于图集，这种文章只需要左右滑动浏览，最好的体验是让图片缩放显示在屏幕有效范围内，防止图片太大导致用户需要滑动手指移动图片来查看这种费...

作者：桂。时间：2018-05-03  21:37:41链接：http://www.cnblogs.com/xingshansi/p/8987679.html 前言本文简要记录阵列信号分析的基本思路，理论细节此处不提。一、数据同步　　数据同步的基本思路：测量最大时延，以确定最小步进；最小步...

作者：桂。时间：2017-04-04 15:51:03链接：http://www.cnblogs.com/xingshansi/p/6664478.html 声明：欢迎被转载，不过记得注明出处哦~【读书笔记12】前言　　西蒙.赫金的《自适应滤波器原理》第四版第九章：递归最小二乘（Recursivel...

作者：桂。时间：2017-04-04 08:13:14链接：http://www.cnblogs.com/xingshansi/p/6664288.html 声明：欢迎被转载，不过记得注明出处哦~ 【读书笔记11】前言西蒙.赫金的《自适应滤波器原理》第四版第八章：最小二乘法。全文主要包括：...