縮放瀏覽器時背景圖片固定

今天遇到一個很奇怪的問題，頁面做好后，當縮放瀏覽器的時候，背景圖片跟著移動，這就使本來做好的內容看起來像是錯位了一樣，跟背景對不上。

研究了一下發現，不需要fixed 之類的，只需要給body加個 min-width:960px 就解決了。

上代碼：

html

1 <div class="baby-cartoon">
2 <!-- floor1 -->
3 <div class="floor floor1">
4     <div class="w960">
5         <p class="text">孩子進入小學，動畫片便成了父母眼中最大的敵人。擔心孩子沉迷動畫片耽誤學習，擔心孩子被動畫情節誤導，擔心動畫片沒有教育意義……于是粗暴地關掉孩子正在津津有味觀看的動畫片幾乎是每個家庭每天都要上演的一幕。但是父母可能不知道的是，你關掉的不僅僅是動畫片還有孩子的天性。究竟如何選擇動畫片？一起看看好網專家怎么說：</p>
6         <i>責任編輯:Yuki</i>
7         <div class="share"></div>
8     </div>
9 </div>

css

1 body{font-size: 12px;min-width: 960px}
2 .baby-cartoon .w960{width:960px;height:540px;_border:1px solid red;margin:0 auto;position: relative;}
3 .baby-cartoon .floor{width:100%;margin:0 auto;min-height: 300px;clear:both;}
4 
5 /*floor1*/
6 
7 .baby-cartoon .floor.floor1{height:540px;background: url('../images/katoon_01.jpg') center top no-repeat;color: #000;}

轉載于:https://www.cnblogs.com/webskill/p/4552309.html

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/257221.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/257221.shtml
英文地址，請注明出處：http://en.pswp.cn/news/257221.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！