让网站在手机端体验像原生应用一样，而在PC端正常体验和web站点一样可行么？

Question

让网站在手机端体验像原生应用一样，而在PC端正常体验和web站点一样可行么？

如果可行，那怎么实现？

例如：在手机端显示的UI、布局、色调完全是针对手机定制的、在PC端，则是全屏大图，背景透明，各种炫酷的效果都用上了。 我知道做2套可以实现，现在的需求是只用一套页面如何实现这个效果？ JS判断移动端访问设备并加载对应CSS样式 可行么？ 但布局位置不一样，怎么解决？还有性能问题。。。。

Answer 1

响应式布局。
media query手机浏览器应该都支持。
但这样也只是页面的样式能够适配不同尺寸屏幕。

手机端要像原生应用一样的话，还不如分开做两个版本。
弄在一起吃力不讨好。。。

Answer 2

你去看看bat或者 一些巨头做成了没，做到什么程度 ，然后研究其源代码

Answer 3

做适配~

Answer 4

感觉浏览器处理的UI比起原生应用来讲有明显卡顿 流畅度还是差一些