前端页面如何做到和设计稿一比一完美实现？

字体、颜色、间距、尺寸如果把握：
一般专业的设计师做图的时候会非常注意这些，他们会有自己的一套设计风格，尽管是在单个页面下，每个地方的字体、颜色、间距、尺寸都不是随意设定的，这些在你开发的时候应该能感受的到，这时要想高度还原其实并不是难事。
如果你遇到一个不怎样的设计师，那么最好的办法就是早点和她沟通，因为她们不懂技术，最终做的图可能不怎么规范，可能会导致切图不好切（无论是你切还是她切），导出2倍图发现有问题（可能会有毛边或者全部给的都是错图），整体风格不统一（包括颜色、间距、尺寸），这些都会对你的开发带来很大的困扰，

浏览器兼容、如何兼顾低版本浏览器但是不丢失过多效果：
不知道你所说的不丢失过多效果是指什么，如果是想在一些过时浏览器下显示现代浏览器的一些圆角，CSS3动画之类的，那么真的完全没有必要，但要保证基本的页面布局不要乱套除了IE8以下的应该不是问题。

js css img 的框架结构：
这个你应该指的是开发的时候吧，其实这个和团队有很大的关系，只要共同约束好就好了，如果是你一个人开发的话最好保证每个项目都是一样的结构，不要这个项目的结构是（js,css,img），另外一个又是（scripts,styles,images）。

普通Web开发的话可以参考：h5bp/html5-boilerplate · GitHubyeoman/generator-webapp · GitHubyeoman/generator-gulp-webapp · GitHub

如果大家有兴趣想学习想接处，但是又没有自己的学习途径，欢迎大家来这个qun号首先213然后126最后486，编号：木辛，qun里素材录播软件什么都有，还有很多在学习的伙伴一起努力，不懂的问题有大佬帮忙解决，最后祝大家早日成为前端大神