media动态设置字体实现字体自适应移动端屏幕尺寸

@media only screen and (max-width:300px){body{font-size:8.33333px}.viewport{max-width:300px}}
@media only screen and (max-width:310px) and (min-width:300px){body{font-size:8.33333px}.viewport{max-width:310px}}
@media only screen and (max-width:320px) and (min-width:310px){body{font-size:8.61111px}.viewport{max-width:320px}}
@media only screen and (max-width:350px) and (min-width:320px){body{font-size:8.88889px}.viewport{max-width:350px}}
@media only screen and (max-width:360px) and (min-width:350px){body{font-size:9.72222px}.viewport{max-width:360px}}
@media only screen and (max-width:400px) and (min-width:360px){body{font-size:10px}.viewport{max-width:400px}}
@media only screen and (max-width:470px) and (min-width:400px){body{font-size:11.11111px}.viewport{max-width:470px}}
@media only screen and (max-width:480px) and (min-width:470px){body{font-size:13.05556px}.viewport{max-width:480px}}
@media only screen and (max-width:540px) and (min-width:480px){body{font-size:13.33333px}.viewport{max-width:540px}}
@media only screen and (max-width:560px) and (min-width:540px){body{font-size:15px}.viewport{max-width:560px}}
@media only screen and (max-width:570px) and (min-width:560px){body{font-size:15.55556px}.viewport{max-width:570px}}
@media only screen and (max-width:630px) and (min-width:570px){body{font-size:15.83333px}.viewport{max-width:630px}}
@media only screen and (max-width:640px) and (min-width:630px){body{font-size:17.5px}.viewport{max-width:640px}}
@media only screen and (max-width:710px) and (min-width:640px){body{font-size:17.77778px}.viewport{max-width:710px}}
@media only screen and (max-width:720px) and (min-width:710px){body{font-size:19.72222px}.viewport{max-width:720px}}
@media only screen and (min-width:720px){body{font-size:20px}.viewport{width:720px}}

手机页面开发中的微信分享js与PHP实现

手机页面开发经常遇到需要分享的功能。朋友圈分享与好友分享并不是一样的。分享带特定的标题和图片。

» 阅读全文

分享一份常用的手机端页面开发的CSS reset

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,figcaption,figure,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1 Lucida Grande,'Microsoft YaHei',"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif}
h1{font-size:18px;font-weight:normal}
h2{font-size:16px;font-weight:normal}
h3{font-size:14px;font-weight:normal}
h4,h5,h6{font-size:100%;font-weight:normal}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace}
small{font-size:12px}
ul,ol,li{list-style:none}
a{text-decoration:none}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}
q:before,q:after{content:''}
legend{color:#000}
fieldset,img{border:0}
table{border-collapse:collapse;border-spacing:0}
hr{border:0;height:1px}
*{-ms-word-break:break-all;word-break:break-all;-ms-word-wrap:break-word;word-wrap:break-word;-webkit-tap-highlight-color:rgba(0,0,0,0)}

使用Arduino做一个简单的光电计数器

前段时间在Zone里面看到有盆友在问关于产品计数的设备,刚好自己有玩过这方面的东西,觉得如果使用arduino开发应该是比较简单的。所以动手做了一个光电计数器出来,复习下Arduino的知识,也顺便学到了一些东西。做成品真不容易啊!~

» 阅读全文

Telnet_WIFI Beta1

新增地区和运营商

» 阅读全文

Python web 学习初级入门作品

此WEB展示的是用Python脚本通过Telnet获取一部分有漏洞的路由器得到的wifi密码,前端依然是Bootstrap,后端数据查询用的是webpy+mysql,后面打算换成splite3或者mongodb。

2015-03-07 13:13:00的屏幕截图.png - 大小: 103.21 KB - 尺寸: 1366 x 768 - 点击打开新窗口浏览全图

Test wireless auto crack with Raspberry Pi

之前有介绍过一种自动无线自动攻击装置,今天测试了下基本的功能,钓鱼和嗅探暂时没有用到。测试了收集周围无线设备发出的探测数据包。

» 阅读全文

kali linux 安装 Nvidia 显卡驱动笔记

事情是这样的,博主使用的台式机是10年左右的网吧机器,安装了kali 之后双屏幕显示一直都很正常。最近想把这台老爷机升级一下,于是拆除奔腾D双核换上Q8400的4核心,显卡也从8600GT换到9800GT,内存也加到4G,性能提升了不少。但是,新的问题出现了。之前一直用的8600GT安装完kali Linux之后一切都是正常的,所以一直都没有去安装驱动。现在升级到9800GT后,双显示器有一个一直显示都不正常,虽然分辨率设置的都是正确的,但是显示却是非常的模糊。于是博主决定按安装一下驱动。经过博主各种谷歌,终于解决这个问题,记录一下。唉,说多了都是马赛克啊。。。

» 阅读全文

Python web 环境搭建 Linux

经过一番折腾,博主终于决定开始学python web了。是的,你没有看错,我们首先需要搭建一个Python web的环境。博主属于初学者菜鸟,刚开始我也不想去接触所谓的牛逼哄哄的框架,从基层做起------web.py。对,就是它,超级轻量级模块。博主使用的是Kali linux,所以这里以kali linux为例来介绍Python web环境的搭建方法。

» 阅读全文

欢欢喜喜过大年之年年有鱼~

这几天过年也没啥可以写的,忙了一年了.该休息的还是要休息休息.技术啥的就不去研究了,过年几天回家走亲访友也是挺累的.大年三十的去堰塘钓钓鱼也是非常不错的.

戳阅读全文看看我大年三十的战绩吧.

» 阅读全文

H4ck33D – hacking a 433MHz Remote Control [翻译]

文中主要使用的还是RTL-SDR来接收,博主感觉写成RTL-SDR的相关文章会比较好点儿。

戳阅读全文查看详细细节

» 阅读全文

出于对SIM卡的兴趣做了一些硬件Hacking [翻译]

原文中介绍了对SIM卡的一些hacking,包括对SIM卡数据的读取等操作。写的不错,博主稍作翻译,充当一次搬运工,也方便大家对SIM卡知识的一些了解。

戳阅读全文查看详细信息。

» 阅读全文

如何把桌面盆栽养得更具有艺术感

博主经过长期观察,深入研究,终于得出一个能把桌面盆栽养的富有艺术感,并且与众不同。而且根本不需要任何多余的照顾。

» 阅读全文

解决树莓派8G内存卡只能用2.8G的问题

树莓派采用8G内存卡作为系统盘,直接下载系统img镜像文件,使用windisk32或者usbwriter写入。启动系统后执行

df -lh
查看磁盘使用情况发现总空间才2.8G,可用空间为1.1G。感觉不对,明明8G的空间怎么只剩2.8G,剩下的哪去了呢?我们今天就来解决下这个问题。

» 阅读全文

解决树莓派版kali 安装gnome后无法登录问题

kali 树莓派版自带的xfce桌面,轻量。博主之前一直在笔记本上使用kali,环境都是gnome,换成xfce还真不习惯,于是果断换上gnome。安装gnome很简单,就跟安装普通软件一样的简单。确定能上网的情况下直接执行

apt-get install gnome -y
就 可以了,安装时间比较久,而且树莓派的性能也跟不上,要经过漫长的等待。安装完之后重启,默认会启动gnome的登录管理器。但是这个时候如果直接使用原 来的root用户登录,发现始终登录不了。ctrl+alt+F1进入tty文本模式登录却能登录成功。看起来很诡异,其实原因很简单。树莓派版的 kali不同于pc版本的kali,树莓派版本的默认使用xfce桌面,自然不用去考虑gnome的情况。而debian下面的gnome是不允许 root用户直接登录的,只能以普通用户登录。怎么解决呢?

解决很简单,参照debian的解决方法。按照上面说的按ctrl+alt+F1进去tty模式,登录进去利用vim修改配置文件

vim /etc/pam.d/gdm3
将顶部的这一行注释掉
auth required pam_succeed_if.so user != root quiet_success
#auth required pam_succeed_if.so user != root quiet_success
这样,然后重启就OK了


kali linux源[自用备份]

#中科大kali源
deb http://mirrors.ustc.edu.cn/kali kali main non-free contrib
deb-src http://mirrors.ustc.edu.cn/kali kali main non-free contrib
deb http://mirrors.ustc.edu.cn/kali-security kali/updates main contrib non-free

#阿里云kali源
deb http://mirrors.aliyun.com/kali kali main non-free contrib
deb-src http://mirrors.aliyun.com/kali kali main non-free contrib
deb http://mirrors.aliyun.com/kali-security kali/updates main contrib non-free

CSS设置input placeholder文本的样式[转载]

placeholder是HTML5  input的新属性,英文意思是占位符,它一般表示input输入框的默认提示值。
当然我们今天讨论的不是placeholder这个属性,而是设置placeholder的文本样式的选择器。

火狐和webkit核心浏览器的属性名字不一样,谁叫不是一个娘生的呢。

/* webkit 浏览器*/
#field1::-webkit-input-placeholder { color:#00f; }
#field2::-webkit-input-placeholder {
	color:#090;
	background:lightgreen;
	text-transform:uppercase;
}
#field3::-webkit-input-placeholder {
	font-style:italic;
	text-decoration:overline;
	letter-spacing:3px;
	color:#999;
}
/* 火狐浏览器 */
#field1::-moz-placeholder { color:#00f; }
#field2::-moz-placeholder {
	color:#090;
	background:lightgreen;
	text-transform:uppercase;
}
#field3::-moz-placeholder {
	font-style:italic;
	text-decoration:overline;
	letter-spacing:3px;
	color:#999;
}
当然,和CSS设置::selection选中文本样式一样,你只能设置几个和文本有关系的CSS样式:Color, font-style, font-varian, background, text-decoration
PS:IE从IE 10才开始支持placeholder属性,伪选择器名字还不得而知,估计是加前缀-ms-了

极路由 1S 刷openwrt系统

几个月前入手了一个极路由1S,一直用来做中继用,买的时候忘记买SD卡,一直就没装什么插件。上个星期搬家,拆了极路由丢在盒子里一直没去管,昨日下班回家拿出来折腾了一番,刷入了openwrt系统。记录下实战过程。

» 阅读全文