我的网站使用jQuery UI slider。
我在我的iPhone中解雇了它,并意识到当试图拖动滑块(通过将手指拖过它)时,它会从左到右滚动网站并使滑块保持不变。
看来我只能在网站处于显示整个页面的缩放级别时滑动。我想你可以使用meta
元素强制缩放。但是,该网站的内容在此缩放级别上非常难以辨认(至少在iPhone的屏幕上)。
最快捷的解决方法是什么?是否有可能,在mousedown(我猜iPhone将手指放在它上面时将其激活)将网站缩放到 fit-all 以便用户可以实际使用滑块?
如果最快的方式是hacky /丑陋,那么什么是更好的解决方案?
我正在使用jQuery。
非常感谢!
答案 0 :(得分:1)
尝试添加此元标记
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
我是从mrdoob的harmony webapp复制的。我知道当你从android webkit浏览器打开他的和声应用程序时,你仍然可以通过滑动手指来画画。它不会使整个网页滑动。
答案 1 :(得分:0)
你有来使用滑块元素吗?我也在网站上使用了滑块元素,但是如果javascript被禁用或不可用,我会显示两个选择框而不是滑块。