解决手机端border1px变粗的问题

为何会变粗

如iphone 5s,2倍高清屏,css上使用的border:1px对应的是设备独立像素,而此时,这1px会被转成4个物理像素(放大2倍,如下图)。所以,在手机上看到的边框(横向)其实是占用了2个物理像素的高度(如果有对比的话,会非常明显感觉边框高了一倍)。同理在3倍高清屏上,也是一样。

解决的方法都是差不多,使用其他元素来替代border,然后根据不同的屏幕来缩放大小,2倍就50%,3倍就33.333%。

css

More...

jane-test

代码

1
2
3
4
5
6
7
var test = 'test';
console.log(test);
//message
for(var i = 0, len = 10; i < len; i+=) {
console.log(i + 1);
}

Blockquotes

This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
id sem consectetuer libero luctus adipiscing.

项目地址

image

image

gist

hexo-theme-jane

关于

这是一个极其简单的hexo主题,甚至说,她是不及格的。这完全是按照我自己的需求和想法来设计的一个主题,没有太多的功能,例如,没有搜索功能,没有海贼王和火影忍者,没有分享,也没有脸书和推特。因为,我只希望这仅仅是一个给自己记录文字的地方,所以,没有太多花俏的功能!

如果您也喜欢这样,欢迎您使用的我的主题!

安装

1
git clone https://github.com/Alex-fun/hexo-theme-jane.git themes/jane

然后配置根目录的_config.yml文件(并非theme里的那个)

1
theme: jane

tags

因为tags是单独一个页面展示,所以需要手动添加,输入以下命令就可以了

1
hexo new page tags

更新

1
2
cd themes/jane
git pull