专题页：样式问题解决记录

作者: smartHui | 来源:发表于2018-12-29 09:59 被阅读0次

制作专题：http://g.made-in-china.com/special/xyxmiandan

1、div撑满整个屏幕

除了static和inherit之外，都可以实现窗口自适应

.div{

width:100%;

height:100%;

position:absolute;

}

或者

.div{

background:rgba(0,0,0,0.4);

position:fixed;

top:0;

right:0;

bottom:0;

left:0;

}

2、postion & transform：translate(-50%,-50%) 实现块元素百分比上下居中

.div{

position:absolute;

left:50%;

top:50%;//针对父元素移动，但代码到这边，不居中

transform:translate(-50%,-50%) ;.

//transform里面是百分比数据，会以本身的长宽做参考。子div的上中心点会移动到父级div的中心点

}

专题页：样式问题解决记录
制作专题：http://g.made-in-china.com/special/xyxmiandan 1、div撑...
样式问题解决记录
一、制作外贸综合服务页面： 1、去除链接下面的下划线 text-decoration: none; 2、去除ul前...
11-2
1.工作： 1）修复了报奖专题页的架构，菜单，和JS特效，整理了链接和css样式表 2）制作了前沿专题页面 2. ...
HTML5+CSS3学习记录
仅供个人记录学习，还不足以广播教学，望海涵和指正 CSS的三种样式行内样式页内样式外部样式 CSS选择器标...
【一】基础样式结构搭建
关于专题【vue开发音乐App】本篇记录vue项目在初始化阶段推荐配置的基础样式结构，例如reset重置样式、基...
近期规划
最近发现python比较强大，打算学习一下。在这里记录下，打算开个专题梳理记录学习过程，分享学习中遇到的问题解决方...
CSS的三种嵌入方式
1.行内样式 2.页内样式 3.外部样式
ubuntu桌面配置
tab页样式 Ubuntu默认的页签样式不易区分当前页位置, 可以改成下面的效果. sudo vim /usr/s...
抽奖活动
前台说明： 1、概述： 1.1、增加活动专题页； 1.2、增加全部获奖记录页面； 1.3、账户中心添加“百万鑫益”...
iOS 13 presentViewController 默认样
转发iOS 13[beta] presentViewController 默认样式的变化 + 问题解决方案本文对...