Ⅰ WEB前端瀏覽器兼容性問題(pc端及移動端)2021-02-03
1.當使用transform:translate3d(-50%,-50%,0)居中彈框（div）時，在pc端，內部的文字會模糊。
解決辦法：給body定義樣式
2.用position:absolute/fixed;把一個按鈕固定在頁面的底部，在android系統中，當調用輸入法時，該按鈕會被頂起
3.IOS系統調用第三方輸入法時，系統無法監測到input的input、focus、change、blur事件
4.不同瀏覽器默認margin，padding不同。
5.不同瀏覽器的最小字體不同，有的是10px，有的是12px
6.透明度opacity
7.文字兩端居中text-align：justify；text-align-last：just；在移動端不起作用
Ⅱ web端兼容性測試包括哪些
Web端是一種可以通過瀏覽器直接訪問伺服器的應用程序，用戶可以通過Web瀏覽器與Web應用程序的伺服器進行交互，比如查看網頁、輸入數據和執行操作等，伺服器接收客戶端請求並響應，更新當前Web網頁，web端兼容性測試包括
頁面布局問題。
布局問題是Web應用程序中非常普遍的一個問題，不同瀏覽器呈現給用戶同一個Web頁面可能顯示都不一樣。
2.功能問題。
Web應用程序中的功能性問題主要為不同瀏覽器對腳本的執行不一致，功能性問題極大限制了用戶對Web界面元素的使用。
Ⅲ web瀏覽器兼容性問題怎麼解決辦法
瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補丁和內補丁不同
問題症狀：隨便寫幾個標簽，不加樣式控制的情況下，各自的margin 和padding差異較大。
碰到頻率:100%
解決方案：css里 *{margin:0;padding:0;}
備註：這個是最常見的也是最易解決的一個瀏覽器兼容性問題，幾乎所有的css文件開頭都會用通配符*來設置各個標簽的內外補丁是0。
瀏覽器兼容問題二：塊屬性標簽float後，又有橫行的margin情況下，在ie6顯示margin比設置的大
問題症狀:常見症狀是ie6中後面的一塊被頂到下一行
碰到頻率：90%（稍微復雜點的頁面都會碰到，float布局最常見的瀏覽器兼容問題）
解決方案：在float的標簽樣式控制中加入 display:inline;將其轉化為行內屬性
備註：我們最常用的就是div+css布局了，而div就是一個典型的塊屬性標簽，橫向布局的時候我們通常都是用div float實現的，橫向的間距設置如果用margin實現，這就是一個必然會碰到的兼容性問題。
瀏覽器兼容問題三：設置較小高度標簽（一般小於10px），在ie6，ie7，遨遊中高度超出自己設置高度
問題症狀：ie6、7和遨遊里這個標簽的高度不受控制，超出自己設置的高度
碰到頻率：60%
解決方案：給超出高度的標簽設置overflow:hidden;或者設置行高line-height 小於你設置的高度。
備註：這種情況一般出現在我們設置小圓角背景的標簽里。出現這個問題的原因是ie8之前的瀏覽器都會給標簽一個最小默認的行高的高度。即使你的標簽是空的，這個標簽的高度還是會達到默認的行高。
Ⅳ 什麼是兼容性測試兼容性測試側重哪些方面
一、兼容性測試就是測試電腦硬體之間是否有不兼容等問題或軟體問題。
二、兼容性測試側重哪些方面
1、向前兼容和向後兼容。向前兼容是指可以使用軟體的未來版本，向後兼容是指可以使用軟體的以前版本。
2、不同版本之間的兼容。實現測試平台和應用軟體多個版本之間能夠正常工作。
3、 標准和規范
高級標準是產品應當普遍遵守的。若應用程序聲明與某個平台兼容，就必須接受關於該平台的標准和規范。低級標準是對產品開發細節的描述。
4、數據共享兼容。數據共享兼容是指要在應用程序之間共享數據，要求支持並遵守公開的標准，允許用戶與其他軟體無障礙的傳輸數據。
(4)web客戶端兼容性擴展閱讀：
軟體的兼容性是衡量軟體好壞的一個重要指標，在具體測試中可以從以下幾個方面來判斷：
1、操作系統兼容性 有些軟體在不同的操作系統平台上重新編譯即可運行，有些軟體需要重新開發或是改動較大。
2、異構資料庫兼容性 這類軟體要考慮其對不同資料庫平台的支持能力，軟體是否可直接掛接，或需提供相關的轉換工具。
3、新舊數據轉換軟體是否提供新舊數據轉換的功能。
4、異種數據兼容性 可否完全正確地讀出這些格式的文件
5、應用軟體兼容性
6、硬體兼容性 硬體兼容性考察軟體對運行的硬體環境有無特殊說明，