響應式Web設計(Responsive Web design)的理念是：頁面(miàn)的設計與開(kāi)發(fā)應當根據用戶行爲以及設備環境(系統平台、屏幕尺寸、屏幕定向(xiàng)等)進(jìn)行相應的響應和調整。具體的實踐方式由多方面(miàn)組成(chéng)，包括彈性網格和布局、圖片、CSS media query的使用等。興海科技采用最新技術CSS3+HTML5+Bootstrap技術實現響應式網站的制作，無論用戶正在使用筆記本還(hái)是iPad或是iPhone，我們的頁面(miàn)都(dōu)應該能(néng)夠自動切換分辨率、圖片尺寸及相關腳本功能(néng)等，以适應不同設備；換句話說(shuō)，頁面(miàn)有能(néng)力去自動響應用戶的設備環境。響應式網頁設計就(jiù)是一個網站能(néng)夠兼容多個終端，而不是爲每個終端做一個特定的版本。這(zhè)樣(yàng)，我們就(jiù)可以不必爲不斷到來的新設備做專門的版本設計和開(kāi)發(fā)了。

技術分析

基于“響應式内容”的本質，頁面(miàn)應該在任何合理屏幕大小的設備上看上去都(dōu)很舒服，從320*320的手機到2550*1600像素的顯示器。最快最方便的評估響應式功能(néng)的方式是大幅改變浏覽器的大小，檢查顯示情況。 對(duì)于這(zhè)類測試不需要任何搭建時(shí)間。

隻需要打開(kāi)網頁，點擊浏覽器的右上角，拖拽到所需的大小。文本是否在你認爲應該在的位置，是否仍然可讀？圖像是否能(néng)合理伸縮？控件是否還(hái)在頁面(miàn)上——按鈕，文本輸入框，日期控件和其他的——是否仍然可用？它們有沒(méi)有遮蓋掉其他重要的内容？ 說(shuō)不定就(jiù)有一種(zhǒng)平闆設備有這(zhè)樣(yàng)的屏幕分辨率，比如移動手機或者平闆。如果快速改變浏覽器大小時(shí)發(fā)現了一個很難重現的BUG，但是可以在一些擁有正常大小的設備上重現這(zhè)個問題，那麼(me)你可能(néng)就(jiù)有了需要修複這(zhè)個問題的有力根據。

特性

移動設備使得響應式網頁設計變得如此重要。

移動設備也給響應性帶來了一個新的要求：旋轉。這(zhè)些小型設備會(huì)跟著(zhe)主人去任何地方。這(zhè)些設備也可以随意旋轉，從縱向(xiàng)到橫向(xiàng)再轉回來。這(zhè)似乎和改變大小很類似。但是實際上設備的每次旋轉之後(hòu)，網頁都(dōu)需要重新渲染。 一些應用在改變大小時(shí)可能(néng)會(huì)改變自身行爲，相信您曾經(jīng)在移動設備上使用過(guò)一些APP，無論你在橫屏還(hái)是豎屏的情況下，它都(dōu)能(néng)調整到最适合預覽的狀态，比如：iOS的計算器，在iPhone的縱向(xiàng)模式下會(huì)隐藏科學(xué)計算選項。