以下仅为个人理解: 前言 不管是新手还是老手,在做移动端布局时页面头部都会引入这句话<mate name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, ...
分类:
其他好文 时间:
2017-08-10 10:16:51
阅读次数:
185
1、栅格系统(布局)Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加,系统会自动分为最多12列。 我在这里是把Bootstrap中的栅格系统叫做布局。它就是通过一系列的行(row)与列(column)的组合创建页面布局,然后你的内容就可 ...
分类:
其他好文 时间:
2017-08-10 01:23:27
阅读次数:
266
响应式设计 响应式设计的概念(三要素) 流体网格 响应式图片 媒体查询 相关概念 分辨率 是指显示器所能显示的像素的多少 像素密度 dpi/ppi 每平方英寸的像素数 设备像素比 dip/dpr 类似于每像素包含的点数(dppx) 视网膜屏幕 屏幕显示异常清晰(设备像素比大于1) viewport ...
分类:
其他好文 时间:
2017-08-09 23:51:50
阅读次数:
174
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv= ...
分类:
其他好文 时间:
2017-08-09 18:35:53
阅读次数:
104
meta 在iPhone的浏览器中页面将以原始大小显示,不允许缩放。 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-sc ...
分类:
Web程序 时间:
2017-08-08 15:26:44
阅读次数:
155
<!DOCTYPE html> <html lang="en"> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <l ...
分类:
Web程序 时间:
2017-08-08 00:33:47
阅读次数:
232
data-toggle="collapse"——指明该元素具有折叠功能; data-target——设置元素打开折叠后指向的元素链接。 .collapse——用来设置元素为折叠内容。 .in——设置折叠内容初始化为显示状态; .panel-collapse——指明该元素内容为折叠面板样式。 很多其它 ...
分类:
Web程序 时间:
2017-08-07 16:45:53
阅读次数:
201
1、meta 标签使用 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> <meta content="yes" name="apple ...
分类:
移动开发 时间:
2017-08-07 14:28:53
阅读次数:
191
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <met ...
分类:
其他好文 时间:
2017-08-07 13:55:21
阅读次数:
147
<meta name="renderer" content="webkit" /> <meta http-equiv="X-UA-Compatible" content="IE=EDGE, chrome=1"> <meta name="viewport" content="width=device- ...
分类:
移动开发 时间:
2017-08-07 13:36:17
阅读次数:
174