移动端
文章平均质量分 88
做一个不秃头的程序员
一名既宅又喜欢流浪(旅游)的90后程序媛
展开
-
移动端布局-媒体查询 + rem单位布局
现在HTML5前端不仅仅局限于PC端,HTML5前端还可以实现移动端,实现微信等等,传统的布局单位px,不能是达到自适应的学校过,那么移动端布局有哪些方式呢?媒体查询 + rem单位布局说道这个布局,,那么我们首先得了解什么是媒体查询,rem是什么?媒体查询:媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询由媒体类型和...原创 2018-09-13 15:36:45 · 2195 阅读 · 0 评论 -
vw+rem实现移动端布局
上篇有写到移动端开发-媒体查询 + rem,那么移动端开发了除了媒体查询还有什么方法能快速的去实现呢?下面我就来介绍一下vw+ rem开发移动端。首先我们先了解几个知识点:vw、vh、drp1、vw:viewpoint width,视口的宽度,1vw 等于视口宽度的1%;100vw = 视口的宽度的100%;2、vh:viewpoint height,视口的高度,1vh等于视口...原创 2020-04-02 21:42:06 · 1128 阅读 · 0 评论 -
css中选择符
1、基本选择器:1. *——通配符(不建议使用)2. E——标签(元素),也是我们之前类型选择器3. . + class名——类选择器4. # + id名——id选择器5. 选择器1,选择11器2 —— 群组选择器2、关系(层级)选择器1.E F 包含选择器 —— E父元素,F后代元素,满足F是E的后代,而且一定要F元素2.E>F 满足F是E子代元素(不包括子...原创 2018-09-03 20:42:46 · 233 阅读 · 0 评论 -
移动端的布局方案
移动端的布局方案1、使用 媒体查询+rem单位2、使用vw单位 + rem单位布局3、使用js + rem单位布局4、使用sass + vw单位布局1、使用 媒体查询+rem单位原理:利用媒体查询检测设备的特性,根据设备来改变根节点的字体大小实现步骤:(1)通过媒体查询来改变根节点的字体大小@media all and (min-width: 320px) { html { ...原创 2019-09-12 11:42:43 · 395 阅读 · 0 评论