薰衣草的花语

2017年9月21日

摘要：将容器的高度固定，宽度设置成百分百，然后将background-size设置成cover。当宽度不够时，背景图的两边会隐藏如下：将class是con的容器高度固定。宽度自适应 .con { width: 100%; height: 300px; background: url("image/vpb 阅读全文

posted @ 2017-09-21 09:53 薰衣草的花语阅读(1097) 评论(0) 推荐(0) 编辑

2017年8月2日

类似818tu.co微信小说分销系统设计之多公众号网页授权自动登录源码

摘要：对于微信小说分销系统来说，必然会出现多个公众号的情况，其实就是多个渠道商，每个渠道商都拥有一个公众号，为了更好的隔离渠道商，设计每个渠道商分配一个专属网址，比如http://y6.qqsiot.cn。为了更好的用户体验，需要实现自动登录和识别用户的功能，这样读者打开网站的时候不需要输入账号和密码之类的信息来验证信息，除了自动登录，还可以方便后期付款的时候可以调起微信支付。阅读全文

posted @ 2017-08-02 13:13 薰衣草的花语阅读(8629) 评论(9) 推荐(1) 编辑

2017年7月6日

Chrome谷歌浏览器下不支持css字体小于12px的解决办法

摘要：先来看下 ie、火狐、谷歌浏览器下各个字体显示情况 ie下：火狐下：谷歌下：从上面的图可以很明显看出谷歌下 css设置字体大小为12px及以下时，显示都是一样大小，都是默认12px; 那么网上一直有一个方法就是给当前样式添加谷歌私有属性：-webkit-text-size-adjust:non 阅读全文

posted @ 2017-07-06 13:49 薰衣草的花语阅读(2262) 评论(0) 推荐(0) 编辑

为什么a标签中使用img后的高度多了几个像素？

摘要：首先贴两张图对问题进行描述：在这个页面上有一个包含img标签的a标签，通过审查元素，可以看到img标签的宽和高是150*232,。下面再看一下a标签的宽高，150*236，高度多了4个像素。这是什么问题呢？去网上搜了好多，决定记录下来这个坑。出现这种情况的原因是：a元素下有一个匿名文本，这个文阅读全文

posted @ 2017-07-06 11:45 薰衣草的花语阅读(539) 评论(0) 推荐(0) 编辑

2016年10月19日

JS实现无缝滚动

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> p{ border: 0; padding: 0; margin: 0; } </ 阅读全文

posted @ 2016-10-19 11:12 薰衣草的花语阅读(167) 评论(0) 推荐(0) 编辑

2016年10月17日

一个很神奇的问题

摘要：最近在学习H5移动应用开发，于是想模仿做一个淘宝APP，其中的一个页面需要做这样一个效果代码比较多，我把这部分代码单独摘出来模拟一下，代码如下： <style type="text/css"> *{margin: 0;padding: 0;} .btn1,.btn2{height: 40px; b 阅读全文

posted @ 2016-10-17 21:24 薰衣草的花语阅读(195) 评论(0) 推荐(0) 编辑

JS实现div动态水平垂直居中

摘要：在做页面的过程中，在很多地方都会遇到元素需要水平垂直的居中这个问题，之前总是去网上搜别人的代码，今天仔细研究了一下，分享给大家，先写一个简单的例子： <div class="mui-content"> <div id="logo_wrap"> </div> </div> 我就是想把id为logo_w 阅读全文

posted @ 2016-10-17 20:59 薰衣草的花语阅读(11263) 评论(0) 推荐(0) 编辑

2016年8月21日

共享onload事件

摘要：在做前端工作中，我们想要设置某个函数prepare，让它在网页加载完毕后执行，会触发一个onload事件，这个事件与windows对象相关联，必须把prepare函数绑定到这个时间上，语法如下：window.onload=prepare; 这个方法可以解决我的问题，但是，如果我有两个函数firstf 阅读全文

posted @ 2016-08-21 21:52 薰衣草的花语阅读(175) 评论(0) 推荐(0) 编辑

2015年12月21日

如何让背景图片平铺满整个浏览器页面

摘要：最近做东西的时候一直都会遇到一个问题，就是做一个网站的登录页面时，我们需要单张图片作为背景能平铺铺满整个浏览器页面（不是通过repeat-x或者repeat-y哦），就是让背景图片按照浏览器大小进行水平或竖直方向的拉伸铺满浏览器。我也去网络上搜了好多解决方案，最后得到了这样一个解决方案，我已... 阅读全文

posted @ 2015-12-21 15:54 薰衣草的花语阅读(7177) 评论(1) 推荐(0) 编辑