Mobile 使用css和js的本机外观

我已经为移动应用使用了一个特定的前端框架很长一段时间了，但我不会在这里提及这个名称，因为它与我的问题无关。我试过它的其他竞争对手，但都没有引起我的兴趣

尤其是它们似乎都很难用引导模板进行定制。 Bootstrap具有响应能力，现在首先是移动的，但它需要额外的库，以使其外观和感觉更加自然

所以我认为，也许我应该尝试使用小型库与引导程序一起工作

我正在研究一些库/代码，这些库/代码将使我的基于web的引导应用程序感觉和看起来都是智能手机/平板电脑所固有的

在这里，我列出了我认为应该采取的正确行为：

1.快速点击 这个我已经知道了图书馆：

2.隐藏滚动条 也许这个就足够了

Javascript

var parent = document.getElementById('container1');
var child = document.getElementById('container2');
child.style.paddingRight = child.offsetWidth - child.clientWidth + "px";

CSS

*{margin:0;}
#container1{
    height: 100%;
    width: 100%;
    border: 1px solid green;
    overflow: hidden;
}

#container2{
    width: 100%;
    height: 99%;
    border: 1px solid blue;
    overflow: auto;
    padding-right: 0px; /* exact value is given in JavaScript code */
}

html, body{
    height: 99%;
    border: 1px solid red;
    overflow:hidden;
}

3.禁用缩放 这是否足够

<meta name="viewport" content="user-scalable=no"/>

如果您认为我应该添加更多行为，请留下评论。目前，我正在研究这4种行为

仅供参考，我用AdminLTE（引导模板）尝试了OnsenUI，几乎成功，但滚动条的行为很糟糕。（假设未显示时显示，且滚动条外观与本机不同

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Please suggest library or code