前端页面布局的建议

Question

自己搭了个博客，前端布局需要自己设计。虽然在自己电脑上看起来很不错，但是换个电脑，比如比自己电脑屏幕窄的或宽的，看起来会位置会乱等效果不是很好。
想寻求布局建议。
现在是想把主要的几个div比如导航和内容的position设置为relative。然后这几个div里面的内容全部用absolute固定了位置，比如内容里的分为博客内容和侧边栏，把博客内容和侧边栏都用absolute固定了位置。
这样做的缺点是如果窄屏将显示不完全，如果太宽的屏幕右边将留出空白。
有没有更好的解决方案？
如果要对手机友好，需要另外考虑哪些因素？
接触的前端设计较少，想请教下高手，先谢谢啦！