font-size:字体大小说明用于设置字号,属性的值推荐使用像素单位px或者empx是像素单位,em是相对单位语法{font-size:12px;}注意属性值为数值型时,必须给属性值加单位,属性值为0时除外。单位还可以是1em,根据父元素值来确定;font-family:字体说明用于设置字体类型,网页中常用的字体有宋体、微软雅黑(microsoftyahei)、黑体等。语法p{font-fami
分类:
Web程序 时间:
2020-05-26 09:15:07
阅读次数:
102
一个像素里复杂纷扰的世界 文 | 啃先生 Mar.3rd.2016 首发于微信公众号(啃先生) 上一篇发了《【移动适配】移动Web怎么做屏幕适配》,现在继续。 壹 | Fisrt 在CSS的世界里Px是原子操作,我们无法定义边框的宽度是0.5px,最小都是1px。所以有以下结论: 然而,对于精益求精 ...
分类:
移动开发 时间:
2020-05-25 17:42:59
阅读次数:
86
版本:vue-cli@3(3一下版本的配置方法是不一样的) 配置下来没有什么坑,完成配置重启服务, 这个时候F12控制台可以看到px已经转换为了rem,然后就可以自己调整样式了。 1.安装 npm install lib-flexible --save npm install px2rem-load ...
分类:
移动开发 时间:
2020-05-24 20:46:27
阅读次数:
609
常见的布局方式 静态布局 常见于PC端,一般采用居中布局,以px作为单位给各元素设定固定的width,最外层div采用min-width限定最小宽度,当浏览器窗口小于min-width时会出现滚动条,移动端需要重新建新的页面。 优点:简单且没有兼容性问题 缺点:无法根据用户屏幕大小做出不同处理,目前 ...
分类:
其他好文 时间:
2020-05-24 16:40:19
阅读次数:
84
注意:无论是什么布局,最外面都需要加个版心,这样不会导致整个布局超过可视区域,形成横向滚动条。 1.流式布局 (百分比布局) 宽度使用百分比,高度使用px 2.伸缩布局 (弹性布局) flex 2.1 作用:使得我们对块级元素的布局排列变得十分灵活,适应性非常强,其强大的伸缩性,在响应式开中可以发挥 ...
分类:
移动开发 时间:
2020-05-24 14:07:21
阅读次数:
108
前置 希望通过这篇文章帮助你很好的适配移动端项目,如有不足,恳请指点一二! 单位 分辨率: 单位面积显示像素的数量,和 css 无关 DPI:图像每英寸长度内的像素点数(1 英尺=30.48 厘米) css 的 px: 96 DPI 的单像素的物理大小 物理像素:在由一个数字序列表示的图像中的一个最 ...
分类:
移动开发 时间:
2020-05-24 09:32:57
阅读次数:
102
PX: 这些都是在scala环境下的 , 非Java Spark map 转化 1行转1行 , 但可以比如拆分 , 截取 ...
分类:
其他好文 时间:
2020-05-22 21:35:06
阅读次数:
51
Canvas 创建canvas <canvas id="canvas"></canvas> 一般都要存在ID width和height建议直接在<canvas>中直接设定,不要使用css的方式去设定长和高,并且其是没有px单位的,因其也表示精度 width和height还可以使用JS的方式进行设定, ...
分类:
其他好文 时间:
2020-05-22 18:51:54
阅读次数:
47
首先还是进行安装: npm install postcss-px-to-viewport --save-dev 安装完成之后.我们需要去更改一个js文件 > postcss.config.js文件 如果没有该文件,就自己手动创建一个吧,跟创建vue.config.js一样的 在这个文件中: 如图: ...
分类:
Web程序 时间:
2020-05-22 17:31:57
阅读次数:
104
先说结论 实用而论,不想了解具体原理的同学只要记住一点即可:在配置好环境的情况下,拿到设计稿并发现需要使用固定宽高比元素的时候,在css中做好px(设计稿中的px)与rem换算就行(即便这个过程也有不少偷懒的办法,减轻工作量). 关于rem的基础知识 这部分比较懒,可以参考 知乎-css3的字体大小 ...
分类:
其他好文 时间:
2020-05-21 14:50:40
阅读次数:
66