前端 标签下的文章

前端杂烩

CSS布局(1)

常用的居中方法

  1. 水平居中
    1
    2
    3
    <div class="parent">
    <div class="child"></div>
    </div>

对于子元素的不同情况 , 需要进行不同的处理

阅读全文

默认配图
前端杂烩

viewport

在移动设备上的页面开发 , 首先需要搞清楚的就是viewport , 这是适配和响应各种不同分辨率的移动设备的前提条件

概念

通俗地讲 , 移动设备上的viewport是指设备的屏幕上能用来显示网页的那块区域

阅读全文

默认配图
前端杂烩

响应式布局

媒体查询

媒体查询可以使用@media在css样式当中进行断点 , 让指定的css样式按照要求进行生效

1
2
3
4
5
@media (max-width:768px) {
.box {
color : red;
}
}

上面写在媒体查询当中的css代码 , 在页面视窗宽度小于768px时生效

阅读全文

默认配图
返回顶部