欢迎光临
我们一直在努力

webApp开发基础

移动web入门 | 常见单位

SanRenYan阅读(182)评论(0)赞(1)

web开发常见单位 px :绝对字体大小 em:基于一个自身元素font-size来进行计算相对大小 rem:基于根节点(即HTML节点)font-size来计算相对大小 vw: 可视区宽度单位,1vw等于可视区宽度的百分之一 vh: 可视...

移动web入门 | 媒体查询

SanRenYan阅读(171)评论(0)赞(0)

媒体查询简介 @media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。 简单案例 @media 媒体,可以...

移动web入门 | 弹性盒子2(Flex布局)

SanRenYan阅读(215)评论(0)赞(0)

接上一篇文章继续讲解flex布局: justify-content 属性 最简单的示例: 在弹性盒对象的 <div> 元素中的各项周围留有空白: CSS 语法 属性值 值 描述 flex-start 默认值。项目位于容器的开头。...

移动web入门 | 弹性盒子(Flex布局)

SanRenYan阅读(280)评论(0)赞(1)

Flex Box 简介 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的...

移动web入门 | 怪异盒模型(border-box)

SanRenYan阅读(246)评论(0)赞(0)

在移动端进行布局时我们更倾向于使用怪异盒模型进行布局,因此在进行移动端开发前必须要学号怪异盒模型与普通盒模型的区别,以及转换方法。在这里我直接粘贴过来之前在CSS学习时记录的笔记。 标准盒模型新手比较常用,怪异盒模型在移动端布局时常用,介绍...

移动web入门 | 视口(viewport)

SanRenYan阅读(200)评论(0)赞(1)

viewport简介 viewport 是用户网页的可视区域。viewport 翻译为中文可以叫做"视区"。 手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每...

移动web入门 | 分辨率、像素、PPI基础

SanRenYan阅读(212)评论(0)赞(1)

分辨率概念 分辨率决定了位图图像细节的精细程度。通常情况下,图像的分辨率越高,所包含的像素就越多,图像就越清晰,印刷的质量也就越好。同时,它也会增加文件占用的存储空间。 屏幕分辨率是指纵横向上的像素点数,单位是px。屏幕分辨率确定计算机屏幕...