目前正在努力学习前端开发，但前端开发好之后，在手机端打开简直惨不忍睹，电脑端浏览器测试使用的Firefox/Chrome/IE8均无错误，但手机端简直伤透了脑袋。
我拿着一些网站进行参照开发，电脑端是没问题了，但手机端看上去想哭啊，对于Doctype用的与参照网站是一样的。
惨不忍睹是什么意思，错位吗？一般pc端chrome，firefox没有问题，手机端也不会有问题的，不会出现错位问题，只是显示不友好，需要放大。
你可以用media query对不同分辨率另外写一套样式控制移动端显示就行
通过@media screen控制网站在移动端显示
先从框架学起，比如jquery mobile， bootstrap
兼容性呗，要么自己解决兼容，要么学习框架
学一学响应式布局和兼容性问题解决方法,在了解一下一些前端框架
手机端的兼容性还好，主要是优化，方便用户使用是手机最大的便捷。至于显示兼容或者响应式布局之类的都是基础！所以在开发手机前端过程中多注意一些优化和交互！
我觉得吧 手机浏览器兼容性不是什么问题 但是那不同设备间的兼容才叫坑呢 想想安卓那设备 各自型号各种尺寸的
手机浏览器95%以上是以谷歌为内核的，如果想要开发一个可以兼容移动端和pc端的网页，可以试试bootstrap响应式的框架，但是如果是单纯的想开发移动端，多考虑怎么适配不同屏幕才是关键
一般web端和移动端应该是两种或三种布局，通过媒介查询或者重定向等方式进行响应，如果用bootstrap框架后期的维护成本会比较高