網頁背景自適應大小

2021-08-15 21:31:20 字數 313 閱讀 7969

前幾天在做乙個網頁想把乙個解析度比較大的乙個背景自動適應視窗大小,但是網上搜了下大都是使用

js控制網頁背景隨視窗大小自動適應的,而且大都效果不理想,最後終於找到了乙個簡單的辦法 本來是想看看css能不能實現背景自動適應視窗的的,但是可惜的是在css2中,背景圖的大小在樣式中

是不可控的,比如要想使得背景圖填充滿某個區域,你要麼重新做張大點的圖,要麼就只能讓它以平鋪的方

式來填 充。想用css3中的background-size吧,但是它現在相容性不是很好,對於ie來說只能相容ie9   所以下面我就使用了下面的方法成功的把乙個1920x1200的自動適應視窗  

網頁大小自適應方案

優點 寬度之間無縫銜接,操作起來也相對比較方便。缺點 字型大小需要另外一套自適應方法來調整 當螢幕寬度大於700px後,繼續按照百分比元素會偏大,這個時候調整起來會比較麻煩。優點 可以根據不同螢幕寬度來設定,可以完美解決上面說的螢幕偏大時的比例問題。字型的大小也不存在問題。缺點 根據寬度區間來設定,...

網頁自適應電腦螢幕大小

1.網頁寬度自適應,需要把網頁元素寬度設定為百分比,還要在網頁頭部加上 width device width 寬度等於裝置螢幕的寬度 initial scale 1.0 表示 初始的縮放比例 minimum scale 0.5 表示 最小的縮放比例 maximum scale 2.0 表示 最大的縮...

背景自適應

一張清晰漂亮的背景能給網頁加分不少,設計師也經常會給頁面的背景使用大圖,我們既不想因為不同解析度變形,也不希望當在大屏的情況下,背景有一塊露白,簡而言之,就是實現能自適應螢幕大小又不會變形的背景大圖,而且背景不會隨著滾動條滾動而滾動。用css實現真的很簡單很簡單,下面我們來看一下第一種方法具體的 你...