一 前言：
在用wex5製作頁面時，會遇到頁面左右晃動的問題。如下圖：
還有字元超過寬度後的問題：
總之頁面晃來晃去，會影響手指觸控。下面分析並解決這個問題。
二，問題分析與解決：
頁面晃動總的分為兩類：
1 boostrap超出頁面
以row和boostrap row為例
經過對比，boostrap row比row要寬一些，且超出頁面。
為boostrap row 設定樣式margin:0; 頁面左右晃動問題解決
.row
2 英文本元超出容器寬度(中文在h標籤下都可以自動換行)
span標籤在英文本元超出時不能自動換行，如下圖，只能單行顯示。
span標籤在沒有英文本元超出時能自動換行，如下圖，可以多行顯示。
h標籤可以換行，英文本元不行，頁面仍然會左右晃動。
把h標籤超出部分用...號代替。給h標籤設定如下樣式：
注意：...省略字元樣式只針對字元標籤，在wex5裡字元標籤只有一種，那就是h標籤。output元件也可以，但是經測試在某些手機或瀏覽器上不起作用。建議全部用p標籤處理。
wex5中h標籤自帶高度，可以用樣式magin:0;去掉自帶高度。
測試，頁面晃動問題完美解決。
三 總結
1 boostrap用樣式margin:0強制約束到頁面內。
2 有關中英文本元超長，用h標籤加...樣式解決.
WeX5和BeX5的區別
許多對wex5和bex5略有了解得人都知道，wex5和bex5是完全共用前端框架技術的。但是wex5和bex5是兩個差別定位有巨大差別的產品。具體差別如下 定位 開發面向消費者和公眾的開放應用系統 後端 資料處理元件，通過http ajax websocket等對接各主流技術平台 費用 完全開源，徹...
wex5 實戰 單頁模式下的多頁面資料同步
在wex5官方教程中，關於多頁模式與單頁模式進行了對比。兩者最大的區別在於 1 web載入速度,單頁模式快於多頁模式 2 多頁模式對載入機制進行了預載入，一次載入之後再次載入，就會加快。但是，由於專案需要，多頁模式無法滿足我對全域性變數的繫結屬性的獲取 大家看我全域性可觀察變數博文 所以對頁面進行了...
wex5 實戰 星級評分的輸入與輸出
群是萬能的，有人問我星級評分的輸入問題，我一想，案例裡模板裡有乙個五星評分，是個顯示效果。如果點選五星，如何實現輸入呢？其實很簡單。一 效果演示 點選幾顆星，輸入星級。二 設計思路 延用案例裡的五星顯示，繫結到data星級欄位上，把range 滑動條元件也繫結到星級欄位上，放到星星上，設定為全透明即...