媒体查询语法： 1.内联写法：and之后必须有空格 @media screen and (min-width:960px //判断浏览器大小条件){body{background：red} //常规的样式 } 2.外联写法：当满足屏幕满足条件的时候连接href后的css文件 媒体查询根据不同屏幕显示不同界面有两种方式： 1.在不同的媒体查…

绝大部分项目: PC端 ~~> 官网 移动端 ~~> 移动端网页,app,小程序… 响应式布局: 为了适应不同的设备,分辨率 不同的设备(pc电脑端 平板电脑 手机端) x 宽度 500px<= x <800px css 1 800px<= x <1000px css 2 1000px<= x <1500px css 3 响应式的优势…

一、rem方案 方式一&#xff1a; 跟pc端网页平滑自适应一样&#xff0c;通过js控制html字体大小&#xff0c;实现移动端的页面自适应布局。 使用这种布局方式 需要在头部设置&#xff1a; <meta name"viewport" content"widthdevice-width, initial-scal…

而页面内容更大的挑战不仅仅存在于字号、字体方面&#xff0c;其他的诸如对齐方式、线条、图标等等&#xff0c;一些在 PC 端很小的瑕疵可能会在移动端被用户无限放大甚至是产生新的问题&#xff0c;这都是完全有可能的&#xff0c;这就对开发人员提出了更深层次的要求。 5.1.3…

1. 移动端开发分类 原生app（native app） 混合app（Hybrid app） web应用（webApp） 原生app（native app） 原生app是基于操作系统的开发，比如安卓，ios，windows phone,他们只能在各自的操作系统上运行。 优点： 可以访问操作系统，获取更多的资源（gps，摄像头，传感器，…

摘 要 移动端购物系统的目的是让使用者可以更方便的将人、设备和场景更立体的连接在一起。能让用户以更科幻的方式使用产品&#xff0c;体验高科技时代带给人们的方便&#xff0c;同时也能让用户体会到与以往常规产品不同的体验风格。 与安卓&#xff0c;iOS相比较起来&#xf…

前言 第一部分参见 产品经理必备知识之网页设计系列（一）-创建出色用户体验 https://blog.csdn.net/wenyusuran/article/details/108199875 第二部分参见 产品经理必备知识之网页设计系列（二）-如何设计出一个优秀的界面 https://wenyusuran.blog.csdn.net/article/det…

1. An Introduction to Mobile User Experience Design 移动端用户体验设计介绍 1.1 课程简介 在该课程中你将学到： 移动端设计的一些迷信以及为何要学习（去糟粕取精华）如何进行面向任务的设计。一定要理解移动网络是为了快速且无阻碍地执行任务。两种主要的移动端网页设…