北京網(wǎng)站建設(shè)--網(wǎng)頁(yè)兼容性問(wèn)題該如何解決
為什么我全屏顯示正常,窗口顯示就亂了?網(wǎng)頁(yè)比例怎么設(shè)置詳細(xì):我一直都鬧不懂是怎么設(shè)置的。DW里,我建了1009的寬度,是不是放寬屏顯示器上只顯示一半?我查了些資料,說(shuō)要把寬度設(shè)置成比例,而不是具體的像素!!具體是設(shè)置哪里啊?我怎么試了好幾個(gè)地方都不可以呢??好奇怪啊!
像以上這種兼容性問(wèn)題應(yīng)該是每個(gè)美工程序員都會(huì)遇到的問(wèn)題, 也是讓他們最頭痛的問(wèn)題,為了滿足用戶的需求必須盡量兼容所有主流瀏覽器。一般情況有這幾中不兼容問(wèn)題:div垂直居中問(wèn)題 、margin(邊界)加倍、浮動(dòng)ie產(chǎn)生雙倍距離,該如何解決呢,北京網(wǎng)站建設(shè)在這和大家分享一個(gè)軟件:IEtexter,下載地址: http://www.onlinedown.net/soft/73052.htm 這個(gè)軟件是用來(lái)測(cè)試IE6,IE7,IE8,只要這3個(gè)版本的ie瀏覽器可以,那么你的網(wǎng)頁(yè)做的就OK了。
div 垂直居中問(wèn)題
vertical-align:middle; 將行距增加到和整個(gè)DIV一樣高 line-height:300px; 然后插入文字,就垂直居中了。記?。嚎刂苾?nèi)容不要換行。記的自己做過(guò)一個(gè)冷柜的網(wǎng)站側(cè)邊導(dǎo)航就遇到了這種情況,換行了上下的距離就增大了。
margin加倍
一般設(shè)置為float的div在ie下設(shè)置的margin會(huì)加倍。這是一個(gè)ie6都存在的bug。解決方案是在這個(gè)div里面加上display:inline。
浮動(dòng)ie產(chǎn)生雙倍距離
#fang{ float:left; width:200px; margin:0 0 0 100px; //這種情況之下IE會(huì)產(chǎn)生400px的距離 display:inline; //使浮動(dòng)忽略} 這里細(xì)說(shuō)一下block與inline兩個(gè)元素:block元素的特點(diǎn)是,總是在新行上開(kāi)始,高度,寬度,行高,邊距都可以控制(塊元素);Inline 元素的特點(diǎn)是,和其他元素在同一行上,不可控制(內(nèi)嵌元素); #box{ display:block; //可以為內(nèi)嵌元素模擬為塊元素 display:inline; //實(shí)現(xiàn)同一行排列的效果 diplay:table。
以上就是北京網(wǎng)站建設(shè)在做網(wǎng)頁(yè)時(shí)所總結(jié)的經(jīng)驗(yàn),希望可以幫到大家!
上一篇:使用JQ實(shí)現(xiàn)圖片延遲加載功能
下一篇:dedecms安全:data目錄遷移到web以外目錄