网页背景自适应及响应式实现,不随浏览器窗口变化产生空白

标签: 网页背景自适应 网页背景响应式 网页背景不随浏览器窗口变化产生空白
0人阅读 评论(0) 收藏 举报
分类:
body{
    width: 100%;
    height: 100%;
    background-image: url("../../common/image/backgroundimage.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    zoom: 1;
}

网页背景自适应及响应式,不随浏览器窗口变化而显示空白,随分辨率大小自动适应。

其中,运用.svg格式图片,所占空间小,且缩放不失真,兼容火狐、谷歌、ie

查看评论

STOP!!!争论到此为止!!!

      CSDN为大家提供了一个信息共享、学习交流的平台,特别是BBS上人声鼎沸,过客川流不息,这实在是难得的大好形势,也是每个CSDN支持者共同努力的结果。但在BBS论坛上经常出现争论谁的开发工...
  • futurefu
  • futurefu
  • 2001-04-26 20:52:00
  • 406

CSS布局之一侧固定宽度一侧自适应

CSS布局之一侧固定宽度一侧自适应 1、float+margin; 2、position+margin; 3、float+负margin+嵌套div; 4、display:table+displ...
  • dongfanghaoyu
  • dongfanghaoyu
  • 2016-08-03 17:06:17
  • 214

做网页时如何使格式不随浏览器大小改变而是出现滚动条

Q:做网页时如何使格式不随浏览器大小改变而是出现滚动条? A:网页中的代码指定宽度长度的地方都改成像素,而不是百分比,举例如下: 改成 Q: 那改成多少合适呢? A:改成多少根据你的显示器...
  • liaoqianwen123
  • liaoqianwen123
  • 2015-10-30 10:40:41
  • 2252

CSS实现一侧宽度自适应,一侧为固定宽度

在百度前端技术学院遇到的问题,“页面右侧部分为固定宽度,左侧保持与浏览器窗口变化同步自适应变化” 不少网站都是这样的两列式布局,屏幕比较宽,如果全屏只有一列,看起来会比较累;两列式布局,可以让内容一...
  • github_36496793
  • github_36496793
  • 2016-11-04 14:56:05
  • 134

css 利用媒体查询进行响应式设计

原文:http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries如今屏幕分辨率的范围已经从320px(...
  • qilixiang012
  • qilixiang012
  • 2015-09-03 18:58:45
  • 1048

onresize()调整浏览器窗口时,使图片等控件自适应地变化大小

今天学习JS时,按照教程里如下代码实现“改变浏览器窗口的图片自适应问题”,但没有达到想要的效果,图片在改变浏览器窗口的时候越变越大,刷新页面后又恢复原大小。 height = (document.b...
  • u014691453
  • u014691453
  • 2016-11-01 11:05:17
  • 1428

让网页背景图片 固定,不随缩小放大而变化

最近在百度首页,缩小放大时,发现背景图片一直保持不变,只是内容在变化,看看了源码,才知道怎么回事。 Document * {margin: 0;padding:...
  • wstpa
  • wstpa
  • 2015-09-12 16:32:45
  • 2190

HTML5----响应式(自适应)网页设计

第一步:
  • damys
  • damys
  • 2014-04-23 14:55:15
  • 129449

div位置大小不随浏览器变化而变化

#main-content {                 margin: 0 30px 0 260px;                 padding: 40px 0 0 0;     ...
  • MissMiss55
  • MissMiss55
  • 2013-03-13 16:41:08
  • 2766

响应式和自适应区别

先给大家体验一下响应式和自适应的区别,请放大缩小一下屏幕尝试  自适应的体验http://m.ctrip.com/html5/   响应式的体验 http://segmentfault.com/ ...
  • zxl1033394132
  • zxl1033394132
  • 2016-01-24 16:54:04
  • 12206
    个人资料
    持之以恒
    等级:
    访问量: 4083
    积分: 433
    排名: 11万+
    博客专栏
    最新评论