對于PC機或者MAC機上的瀏覽器適應(yīng)問題只要用傳統(tǒng)的CSS適應(yīng)方法就可以，都是一些瑣碎的細節(jié)，比如!improtant的應(yīng)用，還有就是min-height和_height兩種高度是IE內(nèi)核和FF內(nèi)核的不同表示方法，對于特效背景有的瀏覽器支持CSS濾鏡，而有的需要用漸變來完成.......總之都是一些細節(jié)上的改動，具體可以參考一下CSS hack寫法，不過對于IPad上的適應(yīng)問題，我覺得可能要為其單獨制作一版樣式，畢竟它比較特殊，仔細研究一下吧，這種瀏覽器兼容問題是需要很細心地來解決的，祝你好運！
讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：國際域名空間、網(wǎng)絡(luò)空間、營銷軟件、網(wǎng)站建設(shè)、上杭網(wǎng)站維護、網(wǎng)站推廣。
ipad的safari瀏覽器，是比較標準的瀏覽器。
標準的CSS，該瀏覽器都是支持的。
兼容，不是簡單的一句兩句就說清楚的。
css樣式的padding的4個方向順序是：上 右 下 左?；旧蟽?nèi)邊距與外邊距都是這么用的。記得數(shù)字后面要加單位的。具體分析如下：
1、新建一個html文件，命名為test.html，用于講解css樣式中padding屬性的4個方向順序是什么。
2、在test.html文件內(nèi)，使用a標簽創(chuàng)建一個鏈接，鏈接的名稱為測試。
3、在test.html文件內(nèi)，設(shè)置a標簽的class屬性為incss，主要用于下面通過該class來設(shè)置css樣式。
4、在test.html文件內(nèi)，編寫style type="text/css"/style標簽，頁面的css樣式將寫在該標簽內(nèi)。
5、在css標簽內(nèi)，設(shè)置類名為incss的樣式，使用border屬性設(shè)置其邊框大小為1px，邊框線形為實線，邊框顏色為紅色。在瀏覽器打開test.html文件，查看實現(xiàn)的頁面效果。
6、在css標簽內(nèi)，使用padding屬性設(shè)置a標簽四周的內(nèi)邊距，順序為上右下左，上內(nèi)邊距設(shè)置為5px，右內(nèi)邊距設(shè)置為20px，下內(nèi)邊距設(shè)置為40px，左內(nèi)邊距設(shè)置為60px。
7、在瀏覽器打開test.html文件，查看實現(xiàn)的效果。
平板電腦和手機端樣式編輯需要考慮很多兼容的問題，你可以使用dw中的平板編輯功能，針對不同的移動端來進行css代碼的編寫和調(diào)試。不過樣式的編輯總是要經(jīng)過調(diào)試才可以的?？拷筮厬?yīng)該是你的外層div寬度不夠。
只要在樣式里面加一句去掉css去掉iPhone、iPad的默認按鈕樣式就可以了。 （不要寫在class里哦）
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {??-webkit-appearance: none;}
如果還有圓角的問題，
.button{?border-radius: 0;?}
1、去除Chrome等瀏覽器文本框默認發(fā)光邊框
input:focus, textarea:focus {outline:?none;}
去掉高光樣式：
input:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-modify:read-write-plaintext-only;}
當然這樣以來，當文本框載入焦點時，所有瀏覽器下的文本框的邊框都不會有顏色上及樣式上的變化了，這樣的話，當文本框載入焦點時，邊框顏色就會變?yōu)槌壬o用戶一個反饋。
2、去除IE10+瀏覽器文本框后面的小叉叉，只需下面一句就ok了
input::-ms-clear {display:?none;}
給你個思路，你可以先獲取ipad的分辨率，然后用jQuery判斷當前分辨率從而區(qū)分電腦和ipad。
重慶分公司
重慶分公司
