不斷超越客戶的期望值，源自我(wǒ)們對這個行業的熱愛
來源：https://www.zpqxrif.com| 2019-06-01 03:32:28
随着現在很多移動設備的出現，例如手機、IPod、移動字典等移動産品的出現，做網站建設不單單隻是考慮電(diàn)腦上面的界面，更要考慮到其他設備的界面設計顯示。所以響應式網站就由此出現了，還要求網站可以随着自己的喜好進行變化，因此響應式網站便應運而生(shēng)，但是在技術上也要做一(yī)些新的突破，那響應式網站的前端設計該如何做?接下(xià)來給大(dà)家分(fēn)享一(yī)些響應式網站的前段設計的經驗。東莞向揚網絡網絡從事網站建設多年，也總結了一(yī)建站方面的經驗，下(xià)面就來讨論下(xià)響應式網站遵循原則及優劣對比。
響應式網站應該遵循哪些設計原則呢？
第一(yī)、設置百分(fēn)比
解決縮放(fàng)問題的方法有很多種，最适合初學者是一(yī)個百分(fēn)比的布局，在按鍵寬度設置百分(fēn)比可以起到意想不到的效果：
box1{ width:100%;}
ul{ margin:02%;}
我(wǒ)不推崇所有的都用百分(fēn)比來布局，但有時可能大(dà)大(dà)減少工(gōng)作量，給box1寬度設置100%後，它會自動填充整個浏覽器的寬度，無論你是移動PC的分(fēn)辨率是多少。它總是有很好的表現。這時你給box1下(xià)面的ul設置左右2%的margin也是如此，改變浏覽器窗口的UL實際margin大(dà)小(xiǎo)會随着改變，這樣講相信大(dà)家都能理解的百分(fēn)比分(fēn)布的概念。
第二、控制大(dà)小(xiǎo)
習慣使用PC頁面前端開(kāi)發人員(yuán)可能更喜歡使用電(diàn)腦來控制大(dà)小(xiǎo)，但在響應類型頁面出現更多的是em和rem，使用它們來控制字體(tǐ)大(dà)小(xiǎo)，甚至框體(tǐ)的大(dà)小(xiǎo)的整體(tǐ)效果是非常明顯的。打個比方，我(wǒ)設置字體(tǐ)爲20px、10px、30px三種不同的大(dà)小(xiǎo)，在不同的地方自然字體(tǐ)網站将尺寸上的差異，這是不可避免的，如果一(yī)個頁面足夠複雜(zá)或文本的字體(tǐ)大(dà)小(xiǎo)設置是足夠多的，這也是一(yī)個非常大(dà)的工(gōng)作量：不過在響應式頁面中(zhōng)你設計完它們并不是完事，你用手機浏覽網頁會發現字體(tǐ)就會很大(dà)，甚至個别标題支持全屏幕手機，對移動終端用戶體(tǐ)驗的影響可想而知(zhī)。
關于em和rem的解釋大(dà)家可以自己搜索，這個在線教程類是很多的，其實，他們，像像素一(yī)樣簡單，當我(wǒ)開(kāi)始時隻花了幾分(fēn)鍾就熟悉了。正如前面所提到的，你也可以用它們來控制框架的大(dà)小(xiǎo)，然後根據頁面的響應統一(yī)縮放(fàng)，當然這就需要足夠的計算量。還值得一(yī)提的是字體(tǐ)圖标也可以用來控制，具體(tǐ)可以參考不同字體(tǐ)圖标的官方文檔。
所以你要開(kāi)始寫媒體(tǐ)調查發現一(yī)頁有幾十種字體(tǐ)需要設置不同的分(fēn)辨率，如果把他們十一(yī)的調整，你可能需要寫100字以上的CSS代碼，但是如果你使用em和rem，那你的工(gōng)作量大(dà)大(dà)減少，而且還确保字體(tǐ)統一(yī)比例。
雖說響應式網站有着萬能的功能，但用起來也沒有想像中(zhōng)那麽好，首先，一(yī)套網站建設模闆要幾種設備，雖說在技術上是可以解決了，但必要要造成代碼的多餘性，JS的複雜(zá)性等，一(yī)定程序上肯定是減慢(màn)了對網頁的打開(kāi)速度。其次，效果的單一(yī)性，例如一(yī)種效果設計者在開(kāi)發的時候，肯定沒有考慮多種設備的兼容性，這就導緻了很多好的效果無法在響應性網站上面使用。在單一(yī)設備上對應沒有太多優勢可言。
響應式網站遵循原則及優劣對比由東莞網站設計編輯 /maoming/537.html如需轉載請注明出處
個人網站建設 雲浮網站建設 免費(fèi)網站建設 廣東網站建設 汕頭網站建設 清遠網站建設 東莞做網站公司 東莞響應式網站 東莞網絡推廣 東莞做網站 東莞網站開(kāi)發 東莞網站設計 東莞網站改版 東莞網頁制作
—— 向揚微信咨詢 ——
上一(yī)條———————
沒有了！下(xià)一(yī)條———————
如何設計一(yī)個營銷型網站 五大(dà)步驟輕松搞定東莞市米瑞萊網絡科技有限公司專注于企業網站、購物(wù)商(shāng)城、行業門戶網站、手機網站、網站開(kāi)發、營銷型網站、微信開(kāi)發等各類網站應用的設計與開(kāi)發，十年時間堅持量身定制，爲客戶打造新穎精美，緊密結合客戶需求的網站，也更加注重性價比，以求把更多的實惠帶給千千萬萬的客戶。我(wǒ)們制作的網站均由工(gōng)作多年的設計師一(yī)對一(yī)量身設計，力求每一(yī)款設計都獨具匠心。
國内高端網絡營銷團隊
資(zī)深SEO行業分(fēn)析策劃
營銷型網站建設領先者
前沿視覺設計、研發能力
前端代碼符合SEO優化
10年專業互聯網服務經驗
國内高端網絡營銷團隊
資(zī)深SEO行業分(fēn)析策劃
營銷型網站建設領先者
前沿視覺設計、研發能力
前端代碼符合SEO優化
我(wǒ)們是一(yī)家專注茂名網站建設、茂名網站設計、茂名網站建設、茂名網站開(kāi)發、茂名SEO優化、茂名網站優化、茂名SEO、茂名網站優化、茂名網站建設、茂名網站推廣、茂名網站設計、茂名網站制作、茂名網頁設計、茂名網頁制作、茂名網絡公司；我(wǒ)們憑借在網站建設領域專業的技術和多年的行業經驗，先後爲衆多企業提供了優質的建站服務，獲得行業的高度認可。
公司地址：東莞市東城街道添龍大(dà)廈3樓 | 業務咨詢：13724519901
茂名向揚網絡公司爲您提供茂名網站建設制作,網站優化推廣,網站改版托管等 |
