博客改版樣式很正,必須贊!
正文部分
博客正文寬度部分,是固定在800px的,而文章右邊的隨頁面滾動的導航,則在280的寬度,所以實際上整體寬度是在1100以內。
我建議,這個頁面是不是能考慮把正文部分的寬度稍微加寬一點,撐到1200左右,並且增加響應式的適配。
在瀏覽器尺寸大於1280的時候,正文內容維持在960,導航則是280。
當瀏覽器寬度縮小,正文部分縮窄,爲瀏覽器寬度 - 280的寬度。
當瀏覽器寬度小於1000以後,側邊導航隱藏,保持正文寬度仍然維持在960,而側邊導航則出現瀏覽器的頂部或者底部。大概類似這樣:
當然,我這是隨便一畫的。大致的意思就是將在側邊的導航隱藏在上下頁眉或者頁腳中,保持中間正文的可視寬度。
最後隨着瀏覽器寬度縮小正文部分的寬度,以及字體等。
圖片展示
隨着正文寬度調整,文章段落中插入的圖片,是否也能按照響應式的方式來做,即當圖片是超過960(或800)的時,能把圖片按照這個寬度來生成縮略圖,比如這個頁面:
https://my.oschina.net/u/2894582/blog/803365
這圖片縮小到了640px寬度,文字縮小了,真讓我看得着急。其實打開原圖看是766px的,原圖的尺寸,還是能看得比較清晰的。
而看新聞的正文頁,內文圖片則是能100%撐滿正文部分的,這可真是厚此薄彼啊。
就這兩個小想法,希望笑納。