企業建網站流式布局
日期 : 2020-11-23 15:36:20
流式布局是響應式設計的一種常規布局思想,它以百分比為單位。頁面元素能夠在分辨率或瀏覽器寬度發生變化時,平滑縮放,避免給用戶帶來視覺上的跳躍感;同時避免出現傳統固定布局中的橫向滾動條。
流式布局也存在一些缺陷,當屏幕在較小和較大尺寸之間變化時,同樣的布局設計不能提供良好的視覺體驗。如一些文字的行寬在電腦端顯示時,符合用戶的視覺效果,但是在手機端就會顯得太窄,影響用戶瀏覽。
百分比為單位的元素大小以其父元素寬度為參照物,元素嵌套層數較多時,計算機比較麻煩。流動布局還需結合媒體查詢的方法,針對不同分辨率的設備來優化網頁樣式的響應式策略,這樣才能達到更好的效果。
流式布局也存在一些缺陷,當屏幕在較小和較大尺寸之間變化時,同樣的布局設計不能提供良好的視覺體驗。如一些文字的行寬在電腦端顯示時,符合用戶的視覺效果,但是在手機端就會顯得太窄,影響用戶瀏覽。
百分比為單位的元素大小以其父元素寬度為參照物,元素嵌套層數較多時,計算機比較麻煩。流動布局還需結合媒體查詢的方法,針對不同分辨率的設備來優化網頁樣式的響應式策略,這樣才能達到更好的效果。
相關文章
精彩導讀
熱門資訊
