2016年9月14日
JQ实现判断iPhone、Android设备
最近做了一版微信宣传页，通过JQ来判断设备，并进行下载 微信内置浏览器对下载链接进行了屏蔽，所以先进行判断，如果是微信内置浏览器，则跳转应用宝链接，如果不是，则判断是iPhone/Adroid/PC 并进行跳转 代码如下： 测试发现，<a>标签里竟然出现了 需要点击二次才能跳转的情况，所以进行完善， Read More
posted @ 2016-09-14 11:43 前端渣小白 Views(2752) Comments(0) Diggs(0)
2016年9月1日
列表的响应式排版
效果展示: 一、每行固定个数：保证排版的美观 二、随页面宽度调整个数和大小：保证图文的可读性 1、媒体查询控制宽度 方便、但存在兼容性 2、JS控制 注意事项： 1、图片不变形 2、文字溢出处理 Read More
posted @ 2016-09-01 10:14 前端渣小白 Views(1359) Comments(0) Diggs(0)
2016年8月26日
响应式表格之固定表头的实现
数据展示时，表头的固定，可以有更好的可读性。 一、实现方式：1、定义2个表格，一个absolute固定 2、表1<th>复制，并插入表2 3、resize()方法，实时获取表1各列<th>宽度 4、页面过小时，表格滚动带表头滚动 二、注意细节： 1、宽度自适应、去除单元格间隙： <table wid Read More
posted @ 2016-08-26 09:55 前端渣小白 Views(788) Comments(0) Diggs(0)
2016年8月22日
移动端的高清适配
为什么要适配?——越来越多的屏幕尺寸 怎么适配？ 了解几个概念：Retina屏幕：可以将把更多的像素点压缩至一块屏幕里，从而达到更高的分辨率并提高屏幕显示的细腻程度。 dpr： = 物理像素 / 设备独立像素【在某一方向上，x方向或者y方向】 普通屏幕下： 1个css像素 对应 1个物理像素(1:1 Read More
posted @ 2016-08-22 16:33 前端渣小白 Views(672) Comments(0) Diggs(0)
2016年8月19日
标签页的切换方式解析
标签页的切换方式 1、控制tab的显示与隐藏 2、tab不切换，数据加载 控制tab的显示与隐藏 前端脚本: 1、jquery实现： 引入jquery文件，代码简洁 jquery文件较大，浏览器不兼容 2、js 实现 无需引入jquery文件代码量大，需每个标签添加函数及ID 3、插件实现 无需引入 Read More
posted @ 2016-08-19 14:41 前端渣小白 Views(803) Comments(0) Diggs(0)
2016年8月18日
标签栏的几种实现方式解析
标签页：分类 + 描述 标签栏：分类 =>让用户明白自己在哪里，将要去哪里 一、css命名方式： <div class="service-tabs service-tabs1"> <ul class="service-tabs-inner"> <li class="on"><a href="#nog Read More
posted @ 2016-08-18 11:54 前端渣小白 Views(508) Comments(0) Diggs(0)