-
响应式设计 优点：解决了设备之间的差异化展示 缺点：兼容性代码多，工作量大，加载速度受影响。 对原有网站布局会产生影响，用户判断未必准确。查看全部
-
响应式布局：服务器根据不同的浏览器用户端，为用户呈现不同的页面效果。可以让一个网站兼容不同分辨率的设备，给用户更好的视觉使用体验。移动互联网催生了响应式布局的诞生。查看全部
-
这是定义么查看全部
-
诞生背景查看全部
-
css3-Media Query 最简单的方式 开源框架查看全部
-
移动优先 考虑多终端展示 充分发挥硬件设备的优势查看全部
-
css3-Media Query常见属性： device-width,device-height——屏幕的宽高（设备物理的大小） width,height——渲染窗口宽高（浏览器实际窗口大小） orientation——设备方向（竖屏或横屏） resolution——设备分辨率 外联样式Eg:<link rel="stylesheet" href="" media="only screen and (max-width:480px)/*当屏幕分辨率小于等于480px才使用这个样式*/“/> 内联样式Eg: <style> @media screen and (min-width:480px){ 标签名字{css样式;} }//当屏幕分辨率大于480px使用这个样式 </style>查看全部
-
css3-Media Query:根据不同分辨率或实际窗口大小进行不同的展示 原生JavaScript:成本高 第三方开源框架:例如bootstrap，有响应式框架查看全部
-
听完，很好。老师讲得很好的。干货！！！！查看全部
-
ＩＥ８需要ＲＥＳＰＯＮＤ.ＪＳ，需要跨域的问题查看全部
-
CSS3-Media Query 1.常见属性： device-width，device-height-----屏幕宽高（物理） width，height -----渲染窗口宽高（浏览器） orientation -----设备方向（横屏、竖屏） resolution -----设备分辨率 2.基本的语法 外联、内嵌。 001.外联 <link type="text/css" rel="stylesheet" href="link.css" media="only screen and (max-width:480px)"/> → 当屏幕的宽度小于等于480px时，使用这个css 002.内嵌 <style> $media screen and (min-width:480px){ body{background:blue;} } </style> → 当屏幕的宽度大于480px时，使用这个css查看全部
-
实现响应式布局: [1]CSS3-Media Query(推荐) [2]借助原生JavaScript(不推荐) [3]第三方开源框架(比如:bootstrap)查看全部
-
栅格化布局很重要查看全部
-
极小屏幕时才出现按钮查看全部
-
栅格系统，组件。查看全部
举报
0/150
提交
取消