背景图片rem,logo图片百分百(外层div设置rem),因为设置百分百(外层div设置rem)可以跟着窗口而变化,而设置rem只有首次确定大小后不跟着窗口大小而改变,(图片rem的缺陷问题,所以在外面套div,div用rem设置,图片百分百,这样就可以了)

背景设置(参考前边rem布局代码理解)

.div{

position:absolute;

width:10rem;

height:900/160rem;

z-index:-1;

background:url(../../Images/page/loginbg.jpg);

background-size:100% 100%;

}

/*下面这样可以100%展示图片,缺点是滚动条滑动,图片不跟着滑动,感觉有点诡异

.div{

position:absolute;

width:10rem;

height:100%;

z-index:-1

}

.img{

position:fixed;

z-index:-11;

height:100%;

width:10rem;

}*/

logo设置

.logo{

float: left;

width:416/160rem;

height:54/160rem;

margin:38/160rem 0 0 0;

}

.logo img{

width:100%;

height:100%;

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,841评论 1 92
  • 本书介绍 你是不是对Django的学习感到迷茫?是不是对网上零星的教程感到绝望?是不是苦于没有可以迅速上手的实例而...
    阡陌3536阅读 1,340评论 0 0
  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 1,923评论 0 1
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,215评论 0 11
  • 记得一二年级的时候,总是不去理会旁人,喜欢独自沉浸在自己的世界里。有小朋友想跟我玩,我也爱答不理。时间久了,见我还...
    云絮湘潇阅读 406评论 0 2