濰坊網(wǎng)站建設(shè)一切彈性化:我們通過響應(yīng)式的設(shè)計和開發(fā)思路讓頁面更加"彈性"了。 圖片的尺寸可以被自動調(diào)整,頁面布局再不會被破壞。 雖然永遠(yuǎn)沒有最完美的解決方案,但它給了我們更多選擇。 濰坊網(wǎng)站建設(shè)無論用戶切換設(shè)備的屏幕定向方式,還是從臺式機(jī)屏幕轉(zhuǎn)到iPad上瀏覽,頁面都會真正的富有彈性。 通過液態(tài)網(wǎng)格和液態(tài)圖片技術(shù),并且在正確的地方使用了正確的HTML標(biāo)記。
響應(yīng)式圖片:響應(yīng)式圖片技術(shù)思想:不僅要同比的縮放圖片,還要在小設(shè)備上降低圖片自身的分辨率。 濰坊網(wǎng)站建設(shè)這個技術(shù)的實現(xiàn)需要使用幾個相關(guān)文件,我們可以在Github上獲取。 包括一個JavaScript文件(rwd-images.js),一個.htaccess文件,以及一些范例資源文件。 大致的原理是,rwd-images.js會檢測當(dāng)前設(shè)備的屏幕分辨率,如果是大屏幕設(shè)備,則向頁面head部分中添加BASE標(biāo)記,并將后續(xù)的圖片、腳本和樣式表加載請求定向到一個虛擬路徑"/rwd-router"。 濰坊網(wǎng)站建設(shè)當(dāng)這些請求到達(dá)服務(wù)器端,.htacces文件會決定這些請求所需要的是原始圖片還是小尺寸的"響應(yīng)式圖片",并進(jìn)行相應(yīng)的反饋輸出。 濰坊網(wǎng)站建設(shè)對于小屏幕的移動設(shè)備,原始尺寸的大圖片永遠(yuǎn)不會被用到。 |