我想知道是否可以检测浏览器是否在iOS上运行,类似于使用Modernizr进行特征检测的方式(尽管这显然是设备检测而不是功能检测).
通常我更喜欢功能检测,但我需要找出一个设备是否是iOS,因为他们根据这个问题处理视频的方式YouTube API无法使用iPad/iPhone /非Flash设备
我正在创建一个移动网页,它基本上是一个包含多个文本输入的大表单.
但是(至少在我的Android手机上),每次点击某些输入时,整个页面都会缩放,遮挡页面的其余部分.是否有一些HTML或CSS命令可以在moble网页上禁用这种缩放？
我有一个移动的Web应用程序,其中包含多个列表项的无序列表,每个列表中都有一个超链接:
...我的问题是如何格式化超链接,以便在iPhone上查看时不会改变大小,并且accellerometer从纵向切换 - >横向？现在,我的超链接字体大小规格为14px,但是当切换到横向时,它会爆炸到20px.我希望font-size保持不变.这是代码:
ul li a
{
font-size:14px;
text-decoration: none;
color: #cc9999;
}<ul>
<li id="home" class="active">
<a href="home.html">HOME</a>
</li>
<li id="home" class="active">
<a href="test.html">TEST</a>
</li>
</ul>我正在寻找一种方法来禁用WKWebView的iOS实现上的"捏缩放"放大手势.OS X有一个放大BOOL属性,但它似乎在iOS上不可用.
WKWebView.h
#if !TARGET_OS_IPHONE
/* @abstract A Boolean value indicating whether magnify gestures will
change the web view's magnification.
@discussion It is possible to set the magnification property even if
allowsMagnification is set to NO.
The default value is NO.
*/
@property (nonatomic) BOOL allowsMagnification;
我也试过看看WKWebView的手势识别器,但这似乎是一个空阵列.我假设实际的识别器在组件的结构中更深(比较复杂,看起来很复杂),如果可能的话,宁愿不去挖掘它们.
我知道可能存在可能会禁用手势的黑客攻击(有选择地将手势传递给WebView,添加子视图以捕获捏手势等)但我总是发现那些引入滞后的事件并希望将实现保持为尽可能清洁/黑客.
我正在设计一个主要关注数据输入的网站.在我的一个表单中,我有一些按钮可以快速递增和递减表单字段中的数字值.我在用
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
禁用似乎使用适用于IOS的Firefox应用程序工作的缩放.但是,当另一个用户使用Safari对其进行测试时,单击该按钮的速度过快会导致页面放大,从而分散用户的注意力并使其无法快速增加值.从IOS 10开始,Apple出于可访问性原因删除了user-scalable = no,这就是为什么它只适用于像Firefox这样的第三方浏览器.我发现最接近禁用双击缩放的是这个
var lastTouchEnd = 0;
document.addEventListener('touchend', function (event) {
var now = (new Date()).getTime();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
}, false);
从/sf/answers/2700123891/ 然而,该禁用快速点击完全,这虽然防止双敲击缩放,还可以防止快速输入值的用户.有没有办法允许快速按下按钮,同时还禁用双击缩放？
当用户从iPhone/iPad登录我的应用程序时,Safari(有用)会在用户填写用户名/密码字段时放大.但是当提交表单并将其登录时,我们不会重新加载页面(这是单页面应用程序),因此不会重置缩放.所以应用程序总是以放大的比例开始.
我查看了Jeremy Keith的解决方案,该解决方案成功地重置了缩放,但也阻止了用户将来进行缩放/缩放,因为他设置maximum-scale了视口.
像这样:
var viewportmeta = document.querySelector('meta[name="viewport"]');
if (viewportmeta) {
viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0';
}
有没有人看到一个很好的解决方案,在表单提交后重新设置,之后没有冻结视口？
我尝试在元标记中使用“user-scalable=no”来禁用缩放我的网页。我测试了一下，网页被放大了。我怎样才能使它成为原来的但仍然禁用缩放？我也尝试过initial-scale=1.0 但不起作用。那么我必须在元标记中放入什么来禁用缩放但保留原始大小呢？提前致谢
是否有适用于iOS 10的视口元标记？
我在iPhone上遇到缩放问题.我正在使用<meta name="viewport" content="user-scalable=1.0,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">,也user-scalable=no没有工作.
我知道这个问题被问了很多。但是，在最新版本的 safari 上是否有任何关于能够禁用捏合缩放的更新？
我有一个地图应用程序，它实现了缩放以放大网页（地图）的特定元素。我希望用户能够放大地图，而页面周围的 UI 保持不变。这破坏了我在 IOS 上的用户体验。
有没有办法至少禁用捏合以放大特定元素？
这是我的网页，所以你可以确切地看到我在说什么。我希望您能明白为什么禁用视口缩放（至少当用户在地图上捏合时）实际上对可访问性有益。
https://www.yapms.com/app/?t=USA_2020_presidential
更多信息：我已经在使用hammerjs 来放大网页上的特定元素，所以我想在这些元素上禁用苹果视口缩放。