Hello，移动WEB_学习笔记

首页免费课 Hello，移动WEB 笔记

Hello，移动WEB

最热最新

慕少7670412 02:35

display: -webkit-flex; flex:1;

查看全部

0 采集收起来源：Flexbox弹性盒子布局
2017-10-09
慕少7670412 04:47

计算公式

查看全部

0 采集收起来源：pixel像素基础
2017-10-09
慕少7670412 03:22

不同单位的介绍

查看全部

0 采集收起来源：pixel像素基础
2017-10-09
慕前端8104030 06:10

不定宽高得水平垂直居中

查看全部

0 采集收起来源：Flexbox弹性盒子布局
2017-09-20
tomato 02:17

移动web总结

查看全部

0 采集收起来源：课程总结
2017-09-20
慕前端8104030 08:13

使用默认980px 布局viewport的缺点

查看全部

0 采集收起来源：Viewport视图
2017-09-20
慕前端8104030 05:28

viewport作用

查看全部

0 采集收起来源：Viewport视图
2017-09-20
慕前端8104030 10:21

计算过程

查看全部

0 采集收起来源：pixel像素基础
2017-09-19
慕前端8104030 09:55

ppi对应的默认缩放比

查看全部

0 采集收起来源：pixel像素基础
2017-09-19
慕前端8104030 07:14

ppi计算公式

查看全部

0 采集收起来源：pixel像素基础
2017-09-19
慕前端8104030 05:54

像素px与dp转换公式

查看全部

0 采集收起来源：pixel像素基础
2017-09-19
慕前端8104030 03:38

手机上说的是物理像素，但是我们px其实是逻辑像素比如：IPhone5说它是640*1136像素的，但是我们用一个640px*1136px的div只能填充到一半

查看全部

0 采集收起来源：pixel像素基础
2017-09-19
流淌在心间

px是逻辑像素，平常对完宣称的是物理像素

查看全部

0 采集收起来源：pixel像素基础
2017-09-19
风中有朵雨做的云__ 02:25

移动web页面 1 像素知识 2 设备宽度 3 交互优化 4 常见bug 5

查看全部

0 采集收起来源：课程总结
2017-09-17
Arvinda 00:53

- 百分比布局; - 弹性图片 [也是百分比]; max-width: 100%; - 重新布局,显示与隐藏; 媒体查询： /*额外为1024px范围做了些调节*/ @media screen and (max-width:1024px) { 样式... } /*平板的宽度*/ @media screen and (max-width:980px){ 弹性图片max-width:100%;height:auto;根据不同终端的需要在@media screen下设置百分数; ... } @media screen and (max-width: 720px/640px/320px){ 样式... } 媒体类型： screen -> 屏幕; print -> 打印机; handheld -> 手持设备; all -> 通用; 媒体查询参数： width -> 视口的宽高; height -> 视口的高高; device-width -> 设备的宽度; device-height -> 设备的高度; orientation -> 检查设备处于横向(landscape)还是竖向(portrait); ※ 当一个元素经常要切换位置的时候,把它设置为绝对定位,减少重绘提高渲染性能; flexbox兼容性（鉴于以下几点，建议使用旧版flexbox写法）： 1、ios可以使用最新的flex布局； 2、android4.4以下，只能兼容旧版的flexbox布局； 3、android4.4及以上，可以使用最新的flex布局。

查看全部

0 采集收起来源：响应式设计
2018-03-22

首页上一页 28 29 30 31 32 33 34 下一页尾页

0/150

提交

取消

开始学习

课程须知: 本课程是前端中级课程，您要具备以下知识： 1、HTML基础知识 2、CSS基础知识 3、JS基础知识

老师告诉你能学到什么？: 1、页面在手机渲染的过程分析 2、高效移动web样式布局 3、解决移动web上的疑难杂症

微信扫码，参与3人拼团

热搜

最近搜索清空

Hello，移动WEB