-
现在的手机分辨率越来越高但手机大小没有改变，导致手机展示的点阵是很多的，电脑屏幕里的一个像素（px）代表一个像素点，在高清屏特别是苹果的视网膜屏中，一个像素代表多个像素点，所以清晰画质好。会导致边框/文字大小很粗。IP6等视网膜屏边框2倍粗的淘宝解决方案：js创建一个meta标签，缩放比例，scale换成0.5，ip7甚至以上可能需要0.3。查看全部
-
响应式开发 <meta name="viewport" content="width=device-width, initial-scale=1, maxium-scale=1,minimum-scale=1, user-scalable=no"> //width=device-width表示宽度与所显示的屏幕的宽度相同； //initial-scale=1 表示初始化可视区域缩放级别； //user-scalable 表示用户能否缩放页面； //maximum-scale 表示页面能被放大的最大级别； //minimum-scale 表示页面被缩小的最大级别；查看全部
-
解决在手机端iphone6下的线条变粗问题，参考淘宝给出的解决方案，检测手机是否是视网膜屏。查看全部
-
给控件加 .form-control 利用.input-group-addon添加控件图标查看全部
-
字体图标的应用 <link rel="stylesheet" href="css/bootstrap.min.css"> //布置bootstrap的环境 <span class="图标名"></span> //应用图标，可用css修改图标样式查看全部
-
HTML5的标签，用于修改文字样式 <mark>强调文字，底边变黄</mark><br/> <del>删除文字，中间有横线</del> <ins>下划线</ins> <u>下划线</u> <small>文字变小</small> <strong>文字加粗</strong> bootstrap样式，文本对齐方式 用法：<p class="text-left"> //左对齐 .text-center 居中 .text-right 右对齐 标题文字 <p class="h1">你好</p> //文字样式与HTML中<p>你好</p> 效果相同； .h2 .h3 .h4 .h5 .h6 英文大小写变化 .text-lowercase 大写变小写 .text-uppercase 小写变大写 .text-capitalize 首字母大写查看全部
-
Bootstrap——表单(1)： html5特性: placeholder 给用户输入一个提示</br> form->form-inline 它的所有元素是内联的，向左对齐的，标签是并排的,水平排版</br> div->form-group 将label和input(或其他)组合成一个组件</br> input->input-lg/sm 改变输入框大小</br> input->form-control 圆角方框发光</br> label->sr-only 取消提示信息</br> label-> control-label 可更改相关样式</br> div ->form-group ->has-successs/waring has-error等可改变颜色 (label等元素中要有control-label)</br>查看全部
-
解决在iPhone里细线变粗的问题（阿里解决方案） var scale = isRetina ? 0.5:1;（是否是视网膜屏） 因为iPhone手机分辨率比同尺寸手机分辨率高，所以有些元素大小显示会变粗变大，通过检测是否为视网膜屏，修改放大比例。查看全部
-
meta标签内的重要内容 initial-scale：初始网页大小 user-scalable：用户是否可以设置网页大小 maximun-scale：用户可放大的最大倍数 minimum-scale：用户可缩小的最小倍数查看全部
-
role的作用是描述一個非標準的tag的實際作用。比如用div做button，那麼設置div 的 role=「button」，輔助工具就可以認出這實際上是個button。 而aria-*的作用就是描述這個tag在可視化的情境中的具體信息。比如， <div role="checkbox" aria-checked="checked"></div> 輔助工具就會知道，這個div實際上是個checkbox的角色，為選中狀態。 aria的意思是Accessible Rich Internet Application。 Accessible一般是為不方便的人士提供的功能，比如windows的放大鏡，語音朗讀，高對比度主題等。查看全部
-
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1, maximum-scale=5.0, minimun-scale=1.0">查看全部
-
Bootstrap特性： 响应式布局 栅格布局 完整的类库 jquery插件 不同的使用场景查看全部
-
媒体查询查看全部
-
Bootstrap表单(2) 按钮: button:btn 圆角灰色按钮 button:btn btn-default 圆角灰色边框按钮 button:btn btn-success 绿色 button:btn btn-primary 蓝色 button:btn btn-info 浅蓝 button:btn btn-warning 黄色 button:btn btn-danger 红色 button:btn btn-link 链接按钮改 btn-lg,btn-sm 按钮变大，变小 active 按下状态 btn-block 撑满父级，全屏 属性：disabled="disabled"禁用按钮 把链接变成按钮 <a class="btn btn-danger" href="">这是</a>查看全部
-
Bootstrap中的表格： .table-bordered 带边框 .table-striped 条纹 .table-hover 悬停变色 .table-condensed 紧凑 .danger 红色 .warning 黄色 .info 蓝色 .success 绿色 .active 悬停时颜色查看全部
举报
0/150
提交
取消