這種方案在網頁設計過程中使用了很長的時間,即使是如今,微信中京東購物的入口,仍然還是這種方式。主要表現在,在比基準的設備寬上,頁面元素的橫向寬度需要按照百分比的形式,去自適應。高度無需產生變化。所以,無論網頁設計的項目針對怎樣的設備,運用這種方案,只需要在寬度上進行兼容就可以。即使是文本圖片等內容與元素,也可以按照這種方式,以此充分地利用好屏幕的尺寸。
主要的特徵如下:
- 按設計稿的尺寸除以2,而寬度則使用百分比實現;
- 適合平臺類型的項目,或者是頁面布局不複雜的類型。
要注意的是,適應幾乎所有的設備端,進行橫向拉寬都會讓使佈局比例失調。