常見BUG解決

MobService 發(fā)布于2019-08-20 15:09 / 3568人閱讀

摘要：居中好像需要注意居中容器的高度，如果為奇數(shù)會(huì)模糊的樣子。頁面如果有和，則會(huì)失效

img圖片元素多余空隙bug 將圖片轉(zhuǎn)換為塊級(jí)對(duì)像

 img {display:block;}

設(shè)置圖片的垂直對(duì)齊方式

即設(shè)置圖片的vertical-align屬性為「top，text-top，bottom，text-bottom」也可以解決

 img {vertical-align:top;}

改變父對(duì)象的屬性

如果父對(duì)象的寬、高固定，圖片大小隨父對(duì)像而定，那麼可以設(shè)置：

overflow:hidden;

設(shè)置圖片的浮動(dòng)屬性

 img {float:left;}

如果要實(shí)現(xiàn)圖文混排，這種方法是很好的選擇。

translate

translateY居中好像需要注意居中容器的高度，如果為奇數(shù)會(huì)模糊的樣子。

-webkit-overflow-scrolling: touch;

頁面如果有-webkit-overflow-scrolling: touch;和position: fixed;，則position: fixed;會(huì)失效

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/82035.html

相關(guān)文章

常見BUG解決

摘要：居中好像需要注意居中容器的高度，如果為奇數(shù)會(huì)模糊的樣子。頁面如果有和，則會(huì)失效 img圖片元素多余空隙bug 將圖片轉(zhuǎn)換為塊級(jí)對(duì)像 img {display:block;} 設(shè)置圖片的垂直對(duì)齊方式即設(shè)置圖片的vertical-align屬性為「top，text-top，bottom，text-bottom」也可以解決 img {vertical-align:top;} 改變父對(duì)象...

Youngdze 2019-08-29 12:14 評(píng)論0 收藏0
常見BUG解決

摘要：居中好像需要注意居中容器的高度，如果為奇數(shù)會(huì)模糊的樣子。頁面如果有和，則會(huì)失效 img圖片元素多余空隙bug 將圖片轉(zhuǎn)換為塊級(jí)對(duì)像 img {display:block;} 設(shè)置圖片的垂直對(duì)齊方式即設(shè)置圖片的vertical-align屬性為「top，text-top，bottom，text-bottom」也可以解決 img {vertical-align:top;} 改變父對(duì)象...

derek_334892 2019-08-01 16:31 評(píng)論0 收藏0
前端Bug解決方案

摘要：不在此一一列舉，若你遇到代表性問題歡迎留言參考種常見的標(biāo)簽錯(cuò)誤寫法小結(jié)結(jié)構(gòu)層問題的解決方案就是谷歌瀏覽器按打開控制臺(tái)看元素結(jié)構(gòu)是不是你設(shè)想的一樣。解決方案在的時(shí)候設(shè)置才能清除漸變背景。沒錯(cuò)！我正在寫bug呢！不管你是小白還是大牛，寫bug無可避免，遇到bug怎么辦？別慌！毛主席教導(dǎo)我們戰(zhàn)略上藐視BUG，戰(zhàn)術(shù)上重視BUG！前端遇到的bug無非就三個(gè)方面結(jié)構(gòu)層（HTML），表現(xiàn)層（CSS...

cppowboy 2019-08-01 17:34 評(píng)論0 收藏0
前端Bug解決方案

摘要：不在此一一列舉，若你遇到代表性問題歡迎留言參考種常見的標(biāo)簽錯(cuò)誤寫法小結(jié)結(jié)構(gòu)層問題的解決方案就是谷歌瀏覽器按打開控制臺(tái)看元素結(jié)構(gòu)是不是你設(shè)想的一樣。解決方案在的時(shí)候設(shè)置才能清除漸變背景。沒錯(cuò)！我正在寫bug呢！不管你是小白還是大牛，寫bug無可避免，遇到bug怎么辦？別慌！毛主席教導(dǎo)我們戰(zhàn)略上藐視BUG，戰(zhàn)術(shù)上重視BUG！前端遇到的bug無非就三個(gè)方面結(jié)構(gòu)層（HTML），表現(xiàn)層（CSS...

Charles 2019-08-21 16:25 評(píng)論0 收藏0
前端Bug解決方案

摘要：不在此一一列舉，若你遇到代表性問題歡迎留言參考種常見的標(biāo)簽錯(cuò)誤寫法小結(jié)結(jié)構(gòu)層問題的解決方案就是谷歌瀏覽器按打開控制臺(tái)看元素結(jié)構(gòu)是不是你設(shè)想的一樣。解決方案在的時(shí)候設(shè)置才能清除漸變背景。沒錯(cuò)！我正在寫bug呢！不管你是小白還是大牛，寫bug無可避免，遇到bug怎么辦？別慌！毛主席教導(dǎo)我們戰(zhàn)略上藐視BUG，戰(zhàn)術(shù)上重視BUG！前端遇到的bug無非就三個(gè)方面結(jié)構(gòu)層（HTML），表現(xiàn)層（CSS...

voyagelab 2019-08-29 13:25 評(píng)論0 收藏0