这两天写NewRealm5的时候,因为首屏需要设置成高度占满全屏,一直很纠结,NewRealm2的时候,我是用的是JS方式,但是这个方式响应式效果不是很理想,每次窗口更改高度都要刷新页面才能看到效果,于是抛弃掉这个方案。
<script type="text/javascript">
function onresize(){
var len = document.documentElement.clientHeight;$("#header").css("height",len + 'px');
};
onresize();
</script>
较早时间接触过“vh”这个单位,这个单位是吧屏幕分成100个部分,100vh就是占满屏幕高度了,这个方法超级方便,也能较好的支持响应式,在电脑端一切准备就绪之后,在手机端打开瞬间就失望了,手机浏览器好像并不支持vh这个单位,于是求助于
利用强大的搜索引擎,在一番筛选之后,找到了一个超级简单的解决方案,利用CSS方案,就是直接在CSS初始部分加上 html,body{height:100%;}
剩下的便是安心的为容器加height:100%;了
好牛逼的主题,好喜欢
@青春年少 嗯,是挺牛逼的,不过更牛逼的是NiuBi.me
貌似还有个linehight充满容器。
@夏日博客 line-hight和hight用法差不多,所以没做介绍
好美
博主你的博客网站,你试过在IE上显示么?首页有个BUG哦!在搜索框那
@兮兮 嗯,没怎么优化过IE浏览器
猴赛雷啊,又换主题了。这次换得好简洁,好像最近这种大图滚动的背景都成风尚了。。
@IceD 你博客的背景图太大了,两张加起来2M多,你这是要逆天啊。。。
@Tokin 哈哈,是的:)
评论框颜色略深
@Nitian 本来想用eee,但是发现屏幕不同的角度下,eee有时候会看不到,而#ddd就不会,所以就深了点
@Nitian 逆天的图片XXX_副本.jpg
有时候一些简单的问题确实给想复杂了,能用CSS就少用JS,JS其实也有方法能实时更换的。(*^__^*)
好了,最后对主题评论一下:跟NewRealm2也没多大变化嘛,就是简洁,看的舒服,嗯,没了!2333333333
@chasonma 因为觉得NewRealm2的设计还不算OUT,只是很多细节处理的不好,所以就重新优化了下,改了个名字来骗点流量,哈哈
@Tokin 老天的博客邮件回复是用哪个插件的?
@chasonma 把你叫成老天了,哈哈哈
@Tokin 找到了CommentToMail
@chasonma 找到就好,不过你之前都不用邮件通知么
小泽已经在等你了,你这么叼
@碎碎念ZWS 你怎么没设置头像
好简单,一行CSS就解决问题了 ̄ω ̄
@Rich 前今天把TE重装了一下,数据还没导入=_=过几天抽空搞定
@Rich 要不要来用用我的NR5
@Tokin 真不错,好啊(*^◎^*)
你这么吊,苍井空知道么
@神父 可能已经知道了
@Tokin 你妹又换了皮
@神父 新主题感觉如何,有什么地方需要优化个改进的么
@神父 前台提交评论简直是种享受,哈哈
@Tokin 你这种心态和手淫很像啊
@神父 我只是说出内心的感受
@Tokin 我形容的,也是你的内心感受。