随笔分类 - css2/css3
摘要：如果使用vscode工具编辑前端，插件cssrem让px转换为rem. flexible.js原理： 利用调整根字体大小，让像素按照根字体大小成比例变化，即rem。 其实之前讲过一种思路，详见：像素2（pc端web中css的rem适配 就是屏幕像素/设计稿的大小*100px作为根字体大小，根字体大小
阅读全文
摘要：简介原由： 因为移动设备屏幕比较小，前期分辨率也比较低， 那么桌面网页在手机完全显示就得缩放，太小导致看不清楚。 然后弄了个虚拟窗口（viewport），内容都在虚拟窗口显示， 屏幕容不下那么就滑动， 一个内容可能被分割在设备屏幕的右边和下边，滑动太不方便 于是将虚拟窗口设置成屏幕的大小，那么内容要
阅读全文
摘要：常见适配的解决方案 在微信小程序中引入了rpx这个单位， 在Android用的是dp，在ccs中用的rem， 在苹果中用的pt这个单位，苹果是以iPhone6 简介： 因为电脑屏幕虽然大小存在差异， 但差距也不是非常大， 以中间范围作为模板， 根据分辨率进行比例缩放，总是能凑合。 rem这种方式，基
阅读全文
摘要：个人理解像素就是一个个可视的点，什么物理像素，虚拟像素。。。 物理像素就是硬件所能表达的最小可视点。 虚拟像素就是组成区域或图形份额最小逻辑可视点。也有叫逻辑像素，可以理解为程序所能控制的最小单位。 （这个逻辑点大小可能是物理点的倍数） 好像很少有说这个物理可视点的大小， 估计是因为间距足够小，本身
阅读全文
摘要：在设置边框，如果只是设置边框粗细是不会显示的!，因为： border-style 值none: 默认无边框 dotted: 定义一个点线边框 dashed: 定义一个虚线边框 solid: 定义实线边框 double: 定义两个边框。 两个边框的宽度和 border-width 的值相同 groov
阅读全文
摘要：(淘宝无限适配)手机端rem布局详解 http://www.alloyteam.com/2016/03/mobile-web-adaptation-tool-rem/
阅读全文
摘要：移动端适配 px2rem/px2vw 的原理与实现
阅读全文
摘要：float的重要特性能则一样否则换行 即：能一行放的下就放一下，放不下就下一行，使的总是紧挨一起。 以适应不同的浏览器宽度。
阅读全文
摘要：css布局 - 常规上中下分左右布局的一百种实现方法 1，上中下布局： 思路： 那么中间该如何设置： 1，如果中间是默认布局，百分百高度
阅读全文
摘要：css的内外边界（padding/margin）的百分比是父元素宽度的百分比 特别注意： 不管左右上下边距都是父宽度的百分比，也就说上下边距也是宽度的百分比而不是高度的。
阅读全文
摘要：css字间距letter-spacing和词语间距word-spacing
阅读全文
摘要：超详细的rem+vw移动端屏幕适配方案 深度解析使用CSS单位px、em、rem、vh、vw、vmin、vmax实现页面布局 你不知道的CSS（单位篇） 视区相关单位vw, vh..简介以及可实际应用场景
阅读全文
摘要：1，在网页的<head>中增加一个meta标签： <meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes
阅读全文
摘要：让设置position为fixed的div剧中的方式： 1，交给浏览器自适应 例子： position:fixed; top:50px; z-index:88; width:1100px; height:64px; border:2px solid red; left:0; right:0; mar
阅读全文
摘要：1，z-index 进行定位元素前提必须是有定位： 2，默认定位数字是：0 3，
阅读全文
摘要：块元素和行内元素 1，常见块元素 块元素特点： 2，常见行内元素 行内元素特点： 特别注意： 3，行内元素和块级元素转换方式 4，浅谈block, inline和inline-block的区别
阅读全文
摘要：CSS入门教程 1，文字属性： 2，段落属性： 3，图片水平对齐text-align 4，图片垂直对齐vertical-align属性来定义图片的垂直对齐方式。 行级元素设置和块级元素设置该属性是有差别的： 4.1，在行级元素特性： <!DOCTYPE html> <html xmlns="http
阅读全文
摘要：java web项目修改favicon.ico图标的方式
阅读全文
摘要：谈谈text-overflow的那些坑和应对方法 CSS3 text-overflow 属性 ext-overflow是CSS3中的属性，它规定了当文本溢出其包含元素时以何种方式显示。 但在使用的时候，有时会发现这个text-overflow设置了属性怎么不起作用呀？
阅读全文
摘要：height:auto，是指根据块内内容自动调节高度。height:100%，是指其相对父块高度而定义的高度，也就是按照离它最近且有定义高度的父层的高度来定义高度。
阅读全文
