search

PhosphorW / hexo-theme-academia

A light & simple & responsive page for academic websites on Hexo, crafted from academicpages on Jekyll.
https://phosphorw.github.io
MIT License
271 stars 77 forks source link

请修复窄屏显示bug #14

Open hangvane opened 3 years ago

hangvane commented 3 years ago

62485719-F3D3-4F03-B598-978058A11EA7 2EFF7248-3A34-4DC8-BD2C-C462486287FE

hangvane commented 3 years ago

建议删除jqurey低效的resize()函数，全部用css解决 侧栏width本来变化范围就很小，建议直接设为固定值： https://github.com/PhosphorW/hexo-theme-academia/blob/82ab7301297121d25f59dbc57aee6259c51baa3d/source/css/index.styl#L455

设为width: 165px

.page的width用calc()计算： https://github.com/PhosphorW/hexo-theme-academia/blob/82ab7301297121d25f59dbc57aee6259c51baa3d/source/css/index.styl#L268

设为width: calc(98% - 165px)

即可完美解决此bug