前端理念：不管開發還是設計，產出物是服務於使用者，一切從使用者角度出發，再結合企業利益。

1.Android和IOS端，關於a標籤呼叫JS函式的相容問題

微信瀏覽器中，不能給a標籤新增hover屬性，否則會導致ios端單次執行：第一次點選，單獨執行hover樣式，第二次點選單獨執行js。

2.a標籤返回上一頁

javascript:; 和 #作為href，安卓都支援，蘋果僅支援前者。測試環境（微信瀏覽器）

3.大量圖片上下銜接，出現白色縫隙

縫隙間隔3px，解決方案：img{vertical-align:bottom; display:block}

4.針對手機端設計，在頁面佈局的佔比中，存在螢幕熱點

使用者視線的常落點和正常握姿的手指常落點，如朋友圈：正常握姿下，手指的下落點和視線的關注區永遠是第一條資訊，或最新資訊的提示框。

，

這一條資訊所在的區域稱為螢幕熱點，它是根據使用者的閱讀習慣及操作習慣決定的，操作區域放在螢幕熱點內，能極大的減少使用者操作，達到絲般潤滑的使用者體驗。

該例子主要針對上下銜接的內容頁面。

相同的例子還有嗶哩嗶哩APP、釘釘的常用功能欄、知乎日報APP文章詳情頁等。

值得注意的是，釘釘的常用工具欄，下圖：

，

依據螢幕熱點，可以確定該頁面的熱點區域為：”常用功能“這個模組，從左到右分別是：簽到、考勤打卡、日誌、公告、審批、釘郵、釘盤、智慧報表。其中 考勤打卡

因此，螢幕熱點不僅體現在自上而下的銜接頁面，也體現在熱點區域中的水平居中區域。