标签:flex 倒三角形 50% 局中 Person html new 1rem Css
布局
对象属性
new Person('')
原型链
(创建对象.使用对象中的属性,如果没有那么就去原型找)
new Person() Person{ name:'', getname(){ }} 定义一个构造函数 __Prototype__ {setName()} p = new Person().setName()
移动端设备适配
移动端布局 设置盒子单位 为 1rem,屏幕 == 100% == 1rem
window.onload = function(){
var ping = document.getElement.clientWidth;
var html = document.querySelector(’html‘);
html.style.font-size = ping + 'px';
}
css样式设置 1rem 就是 适应设备的100%
垂直居中的4种方式
1.父亲盒子有宽度 margin 0 auto
2.定位 50% + margin-left='-盒子的一般宽度'
3.flex display:flex; display: flex; justify-content:center; align-items:center;
4.定位 50% Css3:transfrom:translate(-50%,-50%)
实现倒三角形
div 高度0px 上边框50px 剩下三个边框一样的宽度 设置为 边框背景色透明 transparent
标签:flex,倒三角形,50%,局中,Person,html,new,1rem,Css 来源: https://www.cnblogs.com/reeber/p/10941967.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。