關於彈性佈局: display:flex;很好用,將元素放在一排,盒子可用寬度百分比,可替代浮動,雖然浮動也能做到,但是還要清除浮動,多此一舉,還可以實現居中等佈局效果,但有相容性問題,特別是justify-content:space-between,除了新版chrom瀏覽器,其它瀏覽器都不相容,具 ...
關於彈性佈局:
display:flex;很好用,將元素放在一排,盒子可用寬度百分比,可替代浮動,雖然浮動也能做到,但是還要清除浮動,多此一舉,還可以實現居中等佈局效果,但有相容性問題,特別是justify-content:space-between,除了新版chrom瀏覽器,其它瀏覽器都不相容,具體的相容和相關屬性去w3c看文檔。
關於圖片:
圖片寬度一定不能小於最大屏幕佈局盒子的寬度,圖片設置樣式max-width:100%,放圖片的盒子設置百分比寬度,即可自適應屏幕寬度。
關於文字:
個人感覺使用rem單位結合媒體查詢最好做移動端頁面。rem與em都是長度單位,既可設置文字大小,也可用於佈局的長度設置,區別在於rem以根元素字體大小為基準,em以當前元素字體大小為基準,若當前元素沒設置字體大小,則以該元素繼承的字體大小為準。1rem/1em=字體大小。
最後就是個人的一些牢騷話了,大學生不管在學校怎麼樣,大部分人在學校是沒辦法有實踐項目經驗的,想要有好的工作,得從腳下開始做起,收拾心情快速適應工作才是最重要的,要學會不斷的更新自己的知識和眼界,在社會上不缺提升自己能力的機會。想要有好的人際關係,或者脫離單身啊,或者畢業有好的工作,個人能力很重要,把個人價值提升上去,當自身足夠優秀時,這些問題都會迎刃而解。這些話是勉勵自己,也送給還未走出象牙塔的學弟學妹,和剛進入社會工作還在迷茫的同胞們。