-
respond.js 最好是与 web程序放在同一域名下,以避免跨域问题查看全部
-
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)"/> link.css内容:body{background:red;} → 当屏幕的宽度小于等于480px时,使用link.css这个样式表。 002.内嵌 <style> $media screen and (min-width:480px){ body{background:blue;} } </style> → 当屏幕的宽度大于480px时,使用这个css查看全部
-
实现响应式布局的方式查看全部
-
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查看全部
-
感觉最后的案例没有讲完整。 这节课的最后部分中,远人老师讲了如何做出 Toggle Nav(屏幕缩小时显示的小按钮),但是没有讲解 点击 Toggle 后 右侧滑现导航 这个效果是怎么做出来的……查看全部
-
1. bootstrap高度组件化, 使用时不要尝试重新开发. (失去使用组件的意义) 2. bootstrap核心是栅格化布局, 需着重掌握.查看全部
-
视频中文档的中文版: http://v3.bootcss.com/css/#grid查看全部
-
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、移动优先: 在设计初期就要考虑到页面如何在多终端展示; 2、渐进增强: 充分发挥硬件设备(浏览器的支持度)的最大功能。查看全部
-
引入bootstap查看全部
-
1\ <meta> 2 <link>查看全部
-
bootstrap 响应式框架 getbootstrap.com下载 主要由CSS JS AND FONTS组成 IE8需要RESPOND.JS,需要跨域的问题查看全部
-
必须添加meta信息查看全部
-
css3-Media Query 常见的属性: devide-width ,device-height ----屏幕宽高 width,height ---渲染窗口宽高 orientation ----设备方向 resolution ----设备分辨率查看全部
举报
0/150
提交
取消