移動網(wǎng)頁的主體內(nèi)容應在首屏中占據(jù)盡可能大的區(qū)域，主體內(nèi)容中間不應插入非主體內(nèi)容和元素。

圖1.3 詳情頁主體內(nèi)容

圖1.4 列表頁主體內(nèi)容

1.3 首屏

用戶打開移動網(wǎng)頁，不滑動屏幕可看到的所有內(nèi)容，稱為首屏。

二、適宜移動閱讀的版式布局

用戶點擊搜狗搜索結(jié)果時，打開網(wǎng)頁的版式布局對用戶瀏覽體驗有較大影響。如果網(wǎng)頁具有適配良好的無線版式、清晰的字體字號、合理的主體內(nèi)容布局，會使得用戶快速的聚焦和方便的瀏覽所需信息。反之，如果一個網(wǎng)頁的無線版式布局不友好，如不具備移動端版式、布局缺乏清晰邏輯時，就會對用戶的瀏覽體驗造成傷害。

2.1 移動端友好版式

移動頁面具有適合手機瀏覽的板式布局，能適配主流操作系統(tǒng)、廠商機型、主流的瀏覽器。對于不同分辨率的屏幕，能夠自動調(diào)整頁面內(nèi)容，包括布局、字號等，用戶不需要左右滑屏，也不需要縮放就能清晰辨識網(wǎng)頁的內(nèi)容。下面是兩個排版不友好的頁面示例：

圖 2.1 PC版式頁面，無移動版式