移动端学习笔记（黑马教程）-基础概念

一，基本术语

视口：浏览器显示页面内容的屏幕区域，分为布局视口，视觉视口，和理想视口。

二，视口标签

为了在手机上的显示好，我们想要实现的肯定是理想视口。所以有了视口标签：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

三，二倍图

也就是说移动端的时候1px和手机端的分辨率存在一个比例关系，不一定相等。
在iphone里面是1:2的关系

原因如下：

但是如果是图片，就会被放大两倍了！因为每个像素占据一个像素点！

这样就可以避免图片因为在手机端放大，而导致的图片模糊的情况发生。这也是所谓二倍图，多倍图的由来。
那很多时候背景图片也是图片，那它又要怎样设置呢？

切图可以使用ps的切图工具同时切出2倍图，三倍图。

四，移动端开发选择

五，移动端技术解决方案

放心大胆用html5和css3

下载地址：http://necolas.github.io/normalize.css/

六，特殊样式

七，常见移动端页面布局

但是流式布局太大或者太小会出现变形或者布局错乱的问题，所以设置了最小和最大值：

移动端学习笔记（黑马教程）-基础概念相关推荐

GIS地图学习笔记一之基础概念
要做GIS地图的开发,我们需要先了解GIS地图相关的概念. 相关概念可以在这里了解-->ArcGIS 帮助库本文是从上述网站中学习,摘抄的. 基础概念地理信息系统 (GIS) 是以可视化和分 ...
【学习笔记】JSON基础概念简介
JSON是什么? JSON即JavaScript Object Notation,是Javascript对象原生的一种表现形式.它是一种轻量级的.纯文本的,用来存储.传递和交货文本信息的格式. JSO ...
菜鸟学习笔记：Java基础篇3（面向对象思想、程序执行过程内存分析、面向对象重要概念）
菜鸟学习笔记:Java面向对象篇上 Java面向对象的思想 Java程序执行过程内存分析 Java垃圾回收机制构造方法方法重载(overload) static关键字 this关键字 Java面向 ...
Timo学习笔记：Python基础教程（第三版）第四章当索引行不通时
第四章当索引行不通时 Timo学习笔记 :Python基础教程(第三版)第三章使用字符串这是word编辑的最后一章笔记,第五章开始将直接用这个模板记录. 本章笔记很少,也很简单.很多方法可以到要 ...
Stream 流【学习笔记】Java 基础
若文章内容或图片失效,请留言反馈. 部分素材来自网络,若不小心影响到您的利益,请联系博主删除. 写这篇博客旨在制作笔记,方便个人在线阅览,巩固知识,无其他用途. 学习视频 [黑马 Java 基础教程] ...
JavaScript学习笔记01【基础——简介、基础语法、运算符、特殊语法、流程控制语句】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...
MySQL学习笔记01【数据库概念、MySQL安装与使用】
MySQL 文档-黑马程序员(腾讯微云):https://share.weiyun.com/RaCdIwas 1-MySQL基础.pdf.2-MySQL约束与设计.pdf.3-MySQL多表查询与事务 ...
菜鸟学习笔记：Java基础篇7（包装类、时间相关类、文件类、异常处理类）
菜鸟学习笔记:Java其他常用类基本数据类型包装类时间处理和文件处理相关类 Date时间类 SimpleDateFormat Calendar日历类文件类异常机制异常的概念 Java异常处理 ...
菜鸟学习笔记：Java基础篇6（数组、字符串）
菜鸟学习笔记:Java常用类(数组.字符串) 数组概述数组的定义二维数组数组查找和排序查找排序数组运用--字符串不可变字符序列(String) 可变字符序列(StringBuilder ...
JavaScript学习笔记03【基础——对象（RegExp、Global）】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...