打造自适应网站只用一个 CSS 属性就够了
用一个CSS属性创建一个响应式网站，让我们来看看它是如何做到的。以这个模板为例，没有应用css属性。
阅读量: 1.4k标签: 自适应
Js移动端自适应代码_rem布局
rem 是 css 的长度单位，它是相对于 <html> 元素的 font-size 的相对值。假设 html { font-size: 20px; }，那么 1rem 就等于 20px。
阅读量: 2.8k标签: 自适应
将一堆图片自适应页面排列
最近在开发一个批量展示图片的页面，图片的自适应排列是一个无法避免的问题，在付出了许多头发的代价之后，终于完成了图片排列，并封装成组件，最终效果如下
阅读量: 1.8k标签: 自适应
子级宽度没有自适应内容宽度撑开，只适应到父级100%
子级不设置宽度或者宽度自适应撑开且设置不换行的情况下，子级宽度只会撑开到父级的100%宽度，即上图p标签只会撑开至600px而不是text的撑开宽度
阅读量: 2.3k标签: 自适应
textarea高度自适应的两种方案
textarea元素存在selectionEnd和selectionStart的属性用来表示选中的文本开始位置和结束位置，DOM接口实例是 HTMLTextAreaElement， 它具有 setSelectionRange 方法，用来选中输入框中的文本
阅读量: 1.7k标签: 自适应
CSS自适应正方形问题
移动端项目中经常遇到自适应的问题，下面我们来看看关于自适应的方法：在盒模型中，margin、padding的百分比数值是相对于父元素的宽度计算的，所以将padding值设为与width值相同的百分比即可。
阅读量: 1.8k标签: 自适应
CSS中auto是什么意思？
auto 你可以理解为一种 自动/自适应 的概念，比如现在项目需要一个宽度为960px的整体布局居中，你可使用margin:0 auto;来实现。 无论用户浏览器宽度为多少。
阅读量: 3.9k标签: 自适应
CSS实现自适应分隔线的N种方法
伪元素+transform:translateX(-100%);主要原理是设置文本居中text-align: center;，然后给定两个伪元素，分别绝对定位，那么此时伪元素也是跟随着水平居中的，设置足够的宽度，然后把左边的往左位移100%就可以了，父级记得超出隐藏。
阅读量: 2k标签: 自适应
js 让textarea的高度自适应父元素的高度
textarea按照普通元素设置height是没有作用的,可以这么来设置,下面给上一段项目代码。动态textArea祖先元素节点的高度,myCener是整个页面高度,otherDiv是textArea的祖先元素以外的其他高度
阅读量: 3.4k标签: 自适应
字体大小自适应纯css解决方案
但是该方案存在一个bug，上面的代码，当浏览器窗口变化的时候，box中的文字并没有按照应有的比例变化，但是css3标准中是这么说的：When the height or width of the viewport is changed, they are scaled accordingly.
阅读量: 1.6k标签: 自适应
布局之左侧固定，右侧自适应
给左边的固定宽度区left浮动并设置一个宽度，右边的自适应区right只设置margin值，假设right的宽度是100%，那么设置margin后，它得宽度就变为100%-margin；left发现自己的宽度可以和right挤在同一行，它就浮动上来了
阅读量: 2.1k标签: 自适应
CSS实现宽高等比自适应容器
在最近开发移动端页面，遇到这么一个情况：当页面宽度 100% 时，高度为宽度一半，并随手机宽度变化依然是一半。于是我们就需要实现一个宽度自适应，高度为宽度一半的容器。
阅读量: 2.2k标签: 自适应
让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度
HTML中pre和textarea可以显示预格式化的文本。即保留空格和换行符。而不必添加<br>和 等HTML元素来添加换行和打印空格。textarea也能跟prev一样保留内容格式，但是元素高度是固定的
阅读量: 2.9k标签: 自适应
vuejs中拖动改变元素宽度实现宽度自适应大小
拖动效果的实现基本都是dom操作来实现的，通过拖动分隔线，计算分隔线与浏览器边框的距离(left)，来实现拖动之后的不同宽度的计算；当拖动分隔线1时，计算元素框left和mid；当拖动分隔线2时
阅读量: 3.4k标签: 自适应
web页面实现等比例缩放自适应 - 通过 rem 和 vw 实现
rem 是相对长度单位，是指相对于根元素(即html元素)font-size(字号大小)的倍数;vw 是相对长度单位，相对于浏览器窗口的宽度，浏览器窗口宽度被均分为100个单位的vw,rem 和 vw 结合实现WEB页面等比例缩放自适应
阅读量: 3.4k标签: 自适应