<template> <div class="card-index pt-relative"> <div id="wrapper" :style="'height:'+Height+'px;'"> <iframe v-if="iframeType" :src="srcUrl" sandbox="al ...
分类:
移动开发 时间:
2019-12-05 19:04:12
阅读次数:
454
uni-app 支持的通用 css 单位包括 px、rpx px 即屏幕像素 rpx 即响应式px,一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准,750rpx恰好为屏幕宽度。屏幕变宽,rpx 实际显示效果会等比放大。 vue页面支持普通H5单位,但在nvue里不支持: rem 默认根字体 ...
分类:
移动开发 时间:
2019-11-25 15:19:32
阅读次数:
1064
1.color颜色 属性值:颜色单词 比如:color:red; 2.字体大小 font-size:12px; 属性值是数字,不要带小数;px是像素单位 3.字体系列、字形 font-family 属性值"微型雅黑" 4.字体样式 font-style 标准字体:normal 斜体:itelic 5 ...
分类:
Web程序 时间:
2019-11-24 15:31:47
阅读次数:
87
适配的基础知识 一、理解单位 px、pt、pc、sp、em、rem、dpr、dp、dip、ppi、dpi、ldpi、mdpi、hdpi、xhdpi、xxhdpi 如果你是ios开发,你需要了解的单位:pt,px,ppi;实际开发中用到的单位:pt。 如果你是android开发,你需要了解的单位:di ...
分类:
其他好文 时间:
2019-11-23 23:34:53
阅读次数:
110
容器内的行块盒和行盒 总结 1. 文字的大小由: font size,font family,line height决定 设置文字的相对大小时候px,em,百分比,文字的内容实际高度content area通常高于设置的值(不同的font family比例不同,同一种文字比例相同,按比例计算),而且 ...
分类:
其他好文 时间:
2019-11-23 19:44:25
阅读次数:
54
最大不大于 最小不小于 不要使用绝对像素单位即可 即 px 改为% % 或 rem 这里用% 流动布局相较于相对像素改变最大的是不可感知 ...
分类:
其他好文 时间:
2019-11-23 09:19:36
阅读次数:
57
目标效果: 缩小浏览器之后 在<head>最前面引入flexible.js 然后根据当前浏览器宽度: 2048px = 10rem 推导出204.8px = 1rem 。对所有标签宽高,字体用到px的地方,换算成rem即可 👆根据你当前的浏览器宽度来换算 例如: ...
分类:
Web程序 时间:
2019-11-19 17:16:02
阅读次数:
112
Text文本属性 1、颜色:color Color:red 2、文本缩进 text-indent 属性值:数字+px:text-indent:10px 3、文本修饰 text-decoration 属性值:undecided 下划线 none 默认值没有任何线 overline上划线 4、文本的对齐 ...
分类:
Web程序 时间:
2019-11-19 17:06:13
阅读次数:
86
text文本属性1、颜色 colorcolor:red; 2、文本缩进text-indant属性值 num+px text-indant:10px;3、文本修饰 text-decoration属性值:underline下划线 none默认值 overline上划线4、文本对齐方式 text-alig ...
分类:
Web程序 时间:
2019-11-19 17:03:06
阅读次数:
77
text文本属性 1.颜色color color:red 2.文本缩进 text-indent 属性值 数字+px:text-indent:10px; 3.文本修饰 text-decoration 属性值underline下划线 none默认值去下划线 overline上划线 4.文本的对齐方式 t ...
分类:
Web程序 时间:
2019-11-19 16:59:12
阅读次数:
233