一、移动端需要处理1物理像素的原因 原因是像素比,在设置了完美视口之后,像素比=物理像素/设备独立像素=物理像素/CSS逻辑像素,从而推导出:物理像素=像素比*CSS逻辑像素;例如,DPR为2的iphone6S,设置高度为1px(CSS逻辑像素),所以占用的物理个数=2*1px=2px,即是说高度为 ...
分类:
移动开发 时间:
2018-08-28 23:49:39
阅读次数:
526
一.权重的比较: 1.元素被选中: ID选择器>类选择器>标签选择器 2.元素未选中:谁离目标近选谁 二.元素的居中 1.居中: 单行/多行 属性:text-align:center 单行文本:line-height=height(设置行高等于个高) 多行文本:不设置高度,同时设置上下相等的padd ...
分类:
Web程序 时间:
2018-08-22 19:07:56
阅读次数:
181
[TOC] 引入: npm方式: 引入网址组件方式: 测试使用 Pos.vue里添加模版布局 解决100%高的问题 在页面中使用了Element组件,这样他会自动给我们生产虚拟DOM,我们无法设置高度100%; 这时候可以利用javascript,来设置100%高度问题。先要给我们的 order l ...
分类:
其他好文 时间:
2018-08-15 17:05:22
阅读次数:
219
由于html加载最后才会加载图片,所以如果没有提前设置高度的话,就会出现窗口抖动,用户体验很不好. 如果固定死高度的话,又不能于宽等比例缩放。 解决办法: 已知原图的宽高比例 例如:此图宽500,高321,高/宽为64.2% 方法一: 不考虑兼容性(即手机端开发): 直接设置height: 64.2 ...
分类:
其他好文 时间:
2018-08-05 22:34:34
阅读次数:
157
在body里面放置两个盒子,里面盒子设置margin-top,外层盒子生效?在里面盒子上面加一个块元素,设置高度 表单 form action="地址" method="get/post" input type:text password button checkbox radio reset su ...
分类:
Web程序 时间:
2018-07-20 21:42:39
阅读次数:
1936
float的特点 1,可以使块元素在一行显示(元素浮动后会脱标不占位) 2,可以使元素进行模式转换. 但是,但是,但是 有优点 就一定有缺点. 有时候一不留神就会被它的缺点折磨的抓狂. 我有次用float给父元素里的所有子元素都添加了浮动效果,但是没有给父元素设置高度.. 结果是( 废话不多说 上图 ...
分类:
其他好文 时间:
2018-07-16 23:46:40
阅读次数:
191
原文: 简书原文:https://www.jianshu.com/p/c7f02b50a8f5 清除浮动的原因 当给元素添加上浮动的时候,会造成页面布局上的一些意想不到的结果,如:子元素设置浮动无法撑起没有设置高度的父元素。 可以看出本应包住3个 inner DIV的 outer DIV 却没有包住 ...
分类:
其他好文 时间:
2018-07-14 20:00:11
阅读次数:
118
css属性相关 宽和高 width属性可以为元素设置宽度。height属性可以为元素设置高度。块级标签才能设置宽度,内联标签的宽度由内容来决定。 字体属性 文字字体font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。浏览器会使用它可识别的第 ...
分类:
Web程序 时间:
2018-06-02 14:54:50
阅读次数:
250
CSS属性相关 宽和高 width属性可以为元素设置宽度。 height属性可以为元素设置高度。 块级标签才能设置宽度,内联标签的宽度由内容来决定。 字体属性 文字字体 font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。浏览器会使用它可识 ...
分类:
Web程序 时间:
2018-05-28 22:39:23
阅读次数:
585
宽和高 width属性可以为元素设置宽度。 height属性可以为元素设置高度。 块级标签才能设置宽度,内联标签的宽度由内容来决定。 字体属性 文字字体 font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。浏览器会使用它可识别的第一个值。 ...
分类:
Web程序 时间:
2018-05-28 21:17:02
阅读次数:
230