提2個OSC博客正文展現頁面的建議 原

博客改版樣式很正,必須贊!

正文部分

博客正文寬度部分,是固定在800px的,而文章右邊的隨頁面滾動的導航,則在280的寬度,所以實際上整體寬度是在1100以內。

我建議,這個頁面是不是能考慮把正文部分的寬度稍微加寬一點,撐到1200左右,並且增加響應式的適配。

在瀏覽器尺寸大於1280的時候,正文內容維持在960,導航則是280。

當瀏覽器寬度縮小,正文部分縮窄,爲瀏覽器寬度 - 280的寬度。

當瀏覽器寬度小於1000以後,側邊導航隱藏,保持正文寬度仍然維持在960,而側邊導航則出現瀏覽器的頂部或者底部。大概類似這樣:

當然,我這是隨便一畫的。大致的意思就是將在側邊的導航隱藏在上下頁眉或者頁腳中,保持中間正文的可視寬度。

最後隨着瀏覽器寬度縮小正文部分的寬度,以及字體等。

圖片展示

隨着正文寬度調整,文章段落中插入的圖片,是否也能按照響應式的方式來做,即當圖片是超過960(或800)的時,能把圖片按照這個寬度來生成縮略圖,比如這個頁面:

https://my.oschina.net/u/2894582/blog/803365

這圖片縮小到了640px寬度,文字縮小了,真讓我看得着急。其實打開原圖看是766px的,原圖的尺寸,還是能看得比較清晰的。

而看新聞的正文頁,內文圖片則是能100%撐滿正文部分的,這可真是厚此薄彼啊。

就這兩個小想法,希望笑納。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章