Apeller

导航

随笔分类 -  响应式

响应式布局有关
响应式导航栏设计
摘要:但现在不改变宽度 还是死的 要应用@media 查询 阅读全文

posted @ 2019-11-24 17:49 Apeller 阅读(261) 评论(0) 推荐(0)

p24 响应式导航栏 关闭按钮
摘要:响应式按钮 阅读全文

posted @ 2019-11-23 15:41 Apeller 阅读(229) 评论(0) 推荐(0)

p19 响应式布局 流动布局 #2
摘要:响应式布局,h5新标签 阅读全文

posted @ 2019-11-23 01:32 Apeller 阅读(134) 评论(0) 推荐(0)

p18 响应式布局#1
摘要:重要内容处设置断点breakpoint CSS * { margin: 0; box-sizing: border-box; border: 0; padding: 0; font-weight: bold; } body { text-align: center; } .container { m 阅读全文

posted @ 2019-11-23 01:08 Apeller 阅读(198) 评论(0) 推荐(0)

17节课前归纳
摘要:有关这个响应式的一些疑问,回顾 阅读全文

posted @ 2019-11-22 23:15 Apeller 阅读(114) 评论(0) 推荐(0)

操作符 not 否定 p17
摘要:https://www.bilibili.com/video/av22414791?p=17 阅读全文

posted @ 2019-11-22 22:27 Apeller 阅读(105) 评论(0) 推荐(0)

操作符and 和 or -- p16
摘要:and or 操作符 阅读全文

posted @ 2019-11-22 21:47 Apeller 阅读(115) 评论(0) 推荐(0)

14-resolution
摘要:什么是像素 反转你的手机看看背后的摄像头,像素是构成数码影像的基本单元,通常以像素每英寸PPI(pixels per inch)为单位来表示影像分辨率的大小。因此,像素指的是摄像头的分辨率,像素越大,意味着光敏元件越多,相应的成本就越大。如同摄影的相片一样,数码影像也具有连续性的浓淡阶调,我们若把影 阅读全文

posted @ 2019-11-22 21:39 Apeller 阅读(167) 评论(0) 推荐(0)

09-设备宽高比 aspect-ratio
摘要:device-aspect-ratio/aspect-ratio 阅读全文

posted @ 2019-11-22 16:25 Apeller 阅读(208) 评论(0) 推荐(0)

media feature 媒体特性 9
摘要:@media (orientation:portrait){} // 使用方向-->垂直 @media(max-device-width:490px){.....} 阅读全文

posted @ 2019-11-22 08:32 Apeller 阅读(246) 评论(0) 推荐(0)

06 media媒体查询
摘要:@media(max-width:...,){...} media="{.....}" href="....css" screen tv projection print media="{.....}" href="....css" link.....media="print" 阅读全文

posted @ 2019-11-22 08:29 Apeller 阅读(101) 评论(0) 推荐(0)

resolution 像素密度
摘要:resolution物理尺寸屏幕所能显示像素数量 dpi --> dots per inch 不同手机dpi不同,像素几乎在升级这两年,像素越高显示越清晰,但css像素pixel 是相对的(在不同手机要不同调整) 阅读全文

posted @ 2019-11-22 08:24 Apeller 阅读(153) 评论(0) 推荐(0)

手动配置viewport-04
摘要:viewport和手机尺寸980问题 https://www.bilibili.com/video/av22414791?p=4 web前端】Bootstrap之响应式网页设计 阅读全文

posted @ 2019-11-22 01:11 Apeller 阅读(189) 评论(0) 推荐(0)

viewport
摘要:viewport, responsive web design,bootstap 来源:ninghao.net 阅读全文

posted @ 2019-11-21 23:41 Apeller 阅读(128) 评论(0) 推荐(0)