Web前端中的難點是什麼，瀏覽器兼容怎麼解決？JavaScript 被稱爲JS，是作爲瀏覽器的內置腳本語言，爲我們提供操控瀏覽器的能力，可以讓網頁呈現出各種特殊效果，爲用戶提供友好的互動體驗。JS是Web前端入門教程中的重點和難點，而瀏覽器兼容性是JS中比較容易出錯的知識。
1、網頁中插入圖片會產生圖片向下撐大3像素的問題
解決方式：1)display：block;2)vertial-align：top/middle/bottom;3)給圖片添加浮動float。
2、用a標籤插入的圖片在IE瀏覽器中會出現邊框
解決方式：border：none;
3、IE瀏覽器中的雙邊距問題(雙邊距問題只有margin產生)
解決方式：給浮動的元素添加display：inline;
4、IE6中會把低於16px的字體默認爲16px：
解決方式：font-size：0;overflow：hidden;
5、表單的元素高度不一致：
解決方法：給表單元素添加float：left;
6、百分比Bug：
在IE6及以下版本中在解析百分比時，會按照四捨五入的方式計算從而導致50%+50%大於100%的情況;
解決方式爲：給右面的浮動的元素添加聲明：clear:right;清除又浮動。
7. 表單元素默認大小不一，原因爲表單元素行高對齊方式不一致：
解決方法：給表單元素添加聲明：float：left;
8、元素的默認大小不一：
描述：各瀏覽器中按鈕元素大小不一致(有的包括高度，有的不包括);
解決方式：1)統一大小;2)input外面套一個標籤，在這個標籤裏寫按鈕樣式，把input的邊框去掉;3)如果這個按鈕是一個圖片，直接把圖片作爲按鈕的背景圖即可。
9、透明度屬性：
IE瀏覽器的寫法：filter：alpha(opacity=value);value的取值範圍是1-100;
兼容其他瀏覽器的寫法：opacity：value;value值得取值範圍0-1，寫法可以爲0.1/.1/0.15。
10. 過濾器(filter)
下劃線的屬性過濾器：min-height:value;_height:value;(只有IE6識別;
選擇符{屬性：屬性值 !imporant}
除了瀏覽器的兼容性問題，還有事件對象的兼容等問題。JS的核心語法不難學習，但是要真正學透還不是一件容易的事，JS 其實是很複雜的，隨着學習，越能體會到他的強大。
最後對前端感興趣或者正在學習前端的小夥伴可以關注下方微信-公衆號，領取一套最新的web前端系統學習視頻。