-
响应式布局设计： 1.让一个网站可以兼容不同分辨率的设备 2.给用户更好的视觉使用体验查看全部
-
bootstrap本身提供了现成的组件和结构, 对组件进行改造, 即可达到预期效果. bootstrap高度组件化, 使用时不要尝试重新开发. bootstrap核心是栅格化布局, 需着重掌握.查看全部
-
<p class="pull-right visible-xs" > </p>查看全部
-
外联：<link rel="stylesheet" href="link.css" media="only screen and (max-width:480px)" /> 内嵌： <style> @media screen and (min-width:480){ body{ background:blue; } } </style>查看全部
-
css3 media query: device-width,device-height 屏幕宽高，物理 width,height 渲染窗口宽度，可视 orientation 设备方向，竖屏和横屏展示的区别对待 resolution 设备分辨率不同于像素查看全部
-
实现响应式布局的方法：1.css3-media query；2.借助原生JavaScript；3.第三方开源框架查看全部
-
响应式设计的原则： 1.移动优先，在设计的初期就要考虑的页面如何在多终端展示； 2.渐进增强：充分发挥硬件设备的最大功能查看全部
-
响应式设计优缺点查看全部
-
css3 media query查看全部
-
device-width,device-height 屏幕宽高，物理 width,height 渲染窗口宽度，可视 orientation 设备方向，竖屏和横屏展示的区别对待 resolution 设备分辨率不同于像素查看全部
-
页面缩小时出现小按钮，小按钮要加 data-toggle="offcanvas" <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button> 侧边导航要加.sidebar-offcanvas <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar"> ... </div>查看全部
-
1.css3 media query 常见属性 2.两种media query写法(外部链接/内置样式): -<link type="text/css" rel="stylesheet" href="css.css" media="only screen and (max-width:480px)"/> -<style> @media screen and (min-width:480px){ body{background:#000;} } </style>查看全部
-
<style> @media screen and (min-width){ body{backbround:blue;} } </style>查看全部
-
<link type="text/css" rel="stylesheet" href="link.css" media="only screen and(max-width:480)"/>查看全部
-
实现响应式布局的方法：1.css3-media query；2.借助原生JavaScript；3.第三方开源框架查看全部
举报
0/150
提交
取消