媒体查询（media query）

在写css代码中要进行媒体条件查询如下图，在屏幕宽度最大为 320px（0px-320px）时，页面背景为红色，

媒体查询
结果示意图如下

320px

多个媒体查询可能会存在后面的样式覆盖前面的样式可以用and进行隔绝

and的用法
结果示意图

image.png

也可以用link引入css时进行媒体查询

image.png

但是在运行代码过程中，浏览器还会默认缩放行为，需要加上一段代码，阻止用户缩放

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

手机端的交互方式不一样,具体如下：

没有 hover
有 touch 事件
没有 resize
没有滚动条

移动端入门
移动端开发分为4类 Native（原生 APP）使用 Java/Objective-C/Swift 开发 Weba...
移动端入门
媒体查询（media query）在写css代码中要进行媒体条件查询如下图，在屏幕宽度最大为 320px...
iOS IM即时通讯小结：WebSocket
参考网站即时通讯网移动端IM开发入门文章：《新手入门一篇就够：从零开发移动端IM》大牛博客IM 即时通讯技术...
2018年计划
移动端：Android:学会kotlinweb端：前端学会Vue及其几个框架服务端：Laravel提高一个入门级别吧
如何高效简要地分析一款移动App
刚开始入门移动端产品经理时，我为了培养对移动端App的产品感觉，下载过200多个App, 归纳整理成10类，然后针...
IM
一、开始-------新手读新手入门一篇就够：从零开发移动端IM 移动端IM开发需要面对的技术问题扫盲贴：浅谈...
【2020-01-06】Bootstrap从入门到放弃（一）——
一、快速入门 Bootstrap优先适配移动端，必须在中声明 CSS和JS的依赖
web移动端适配入门
移动端适应中各种名词 PPI（每英寸像素）一个表示打印图像或显示器单位面积上像素数量的指数。一般用来计量电脑，电...
干货分享：Web应用响应式页面制作
最近写移动端整理了一些入门级的知识，比较实用，如取消移动端的默认样式，取消点击表单后的延迟时间等，都是日常项目中碰...
实战去哪儿项目
这个项目对于vue入门和入门提升，而且对移动端布局和性能优化有很大帮助和提升接口是模拟json地址，虽然不能操作...