第一篇博客记录下自己刚学习的问题
Flex(彈性盒)在整個移動端寫完以后,會出現一種情況,如果footer內的元素超出footer高度移動端底部滑動會出現縫隙,這個問題在我寫移動端的時候出現了3次;第一次請教的老師,給說了解決方法,具體是怎么處理的沒弄明白,然后再出現這種問題只是照搬而已;
第二次,也是問的老師,似懂非懂,自己查了資料,然后第三次寫的時候突然“短路”然后查了以前寫的代碼,然后算是大概明白了解決的方法,以及為什么會出現這個問題;我認為發現問題的根源才是解決問題的最好方法,這個問題的根源在移動端的底部布局,在寫移動端的時候有時候可能不注意審查頁面,把布局分析的不合理,然后在寫的時候就會出現誤差,可能誤差在1-2px但是今天我又遇到了這個問題,我按照position的方法解決,但是呢解決完成之后移動端底部還是會出現一點縫隙(在滑動的時候);然后我審查了css代碼以及html標簽沒有發現錯,然后過了幾個小時還是會出現這個問題,解決完成了,但是底部會有小縫隙,有審查了一次代碼,這次發現了根本問題,就是在footer標簽中的p標簽height多了0.01rem,然后這個多出來的0.01rem是多在了邊框上了;就是在計算p標簽的高度時把邊框的值加了進去,在p標簽的height里沒有減去1px就把邊框加上了;這個問題其實不難啊,就是容易在疏忽的時候出現,讓人很抓狂,因為小到1px,就很難發現。
還有在寫移動端的時候會出現圓的logo圖,以前的時候會直接把圖片截下來放進去;在最近幾次我寫的時候覺得效果不太好,直接放進去太“簡陋”在切圖的時候會審一下這個圖的內容切多少,然后加什么標簽,怎么把圖片加入到頁面更像是一個整體;有了這幾次的審圖之后,再到頁面整體布局有了更新的認識,就是在布局的時候怎么細節跟隨整體走,不會掉單;簡單點說就是如果我往這個頁面的里面加人內容或者刪除內容,那么這個頁面的某一個部分或者一個大塊會不會出現結構亂掉的現象,這樣一來在分析布局的時候對頁面的結構更清晰了;還有就是在以前寫頁面時使用標簽,只是對標簽分塊元素和內聯元素以及內聯塊,這是不對的,因為標簽的使用時根據內容來定的,這次更正了下這個錯誤;以后注意!
雖然有點啰嗦,但是是對自己的認識,當然做的還不夠好,以后努力學習的同時,也能發現自己的問題,并及時更正。
轉載于:https://www.cnblogs.com/wq2333/p/10810003.html
總結
以上是生活随笔為你收集整理的第一篇博客记录下自己刚学习的问题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: D - Sequence Swappin
- 下一篇: 洛谷P3296 刺客信条