草庐IT

viewport-fit

全部标签

html - iPhone 上的 Safari 是否有等同于 Android 的 <meta name ='viewport' content ='target-densitydpi=device-dpi' > 的东西?

当设置metaname='viewport'content='target-densitydpi=device-dpi'时,Android浏览器和OperaMobile将CSS像素视为我设备上的设备像素,留下我的样式表不受干扰。在iPhone上的Safari中是否有任何等效的功能?在我已经移动友好、高DPI优化、媒体查询驱动的Web应用程序上,如果浏览器不影响我的样式表,我将非常感激。(我的完整视口(viewport)声明如下所示:metaname='viewport'content='width=device-width,initial-scale=1.0,maximum-scale

objective-c - 边框不适应 Aspect Fit?

我正在以编程方式设置带边框的ImageView。我将imageView的内容模式设置为AspectFit,这有效,但边框仍然是原来的正方形。代码:CGRectimageViewRect=CGRectMake(left,top,158,119);UIImageView*imageView=[[UIImageViewalloc]initWithFrame:imageViewRect];[imageViewsetContentMode:UIViewContentModeScaleAspectFit];[imageViewsetImage:image];[imageView.layersetB

javascript - HTML 和 JS : how to open website with viewport on mobile devices (iOS) with small viewport by default?

默认情况下,在我的应用程序中,我有两种分辨率(宽度):1024px+&520px我有这样的视口(viewport):window.onload=function(){if(screen.width>521){varvpEl=document.getElementById('vwPrt');vpEl.setAttribute('content','width=520,initial-scale=1');}if(screen.width>970){varvpEl=document.getElementById('vwPrt');vpEl.setAttribute('content','wi

css - 当 iPad 处于纵向时缩小 Mobile Safari 视口(viewport)宽度?-

我正在开发一个网站,该网站旨在在iPad上以横向模式查看时效果最佳。一切都在1024像素宽的中容器。但是,我仍然需要缩小视口(viewport),这样当用户将iPad变成纵向时,用户不必缩小或水平滚动来查看页面上的所有内容。目前我有这个在我的标签:当以横向模式查看页面时,一切都显示正常,但我无法使上述所需的纵向行为正常工作。我尝试更改initial-scale至0.75,而恰恰相反:一切都适合纵向模式,但当iPad处于横向模式时会有额外的水平空间。我可以使用任何CSS、Javascript或特殊视口(viewport)设置来实现它吗?附言我不能使用user-scalable=no.

当视口(viewport)设置为 user-scalable=no 时,iOS/移动版 safari 仍会缩放?检查辅助功能设置!

这个特定的MobileSafari(看似不可能但未记录)问题今天让我继续了很长时间,当我想出来的时候我正要在这里发布一个关于它的问题。问题:虽然我设置了我的iPad网络应用程序仍然允许手动缩放(在浏览器中捏合)。--但只在我的iPad上,不在我的iPhone上。此外,我会在纵向和横向模式之间旋转设备以检查特定方向模式的CSS代码,这会产生奇怪的结果:从横向旋转到纵向没有问题,一切的大小和位置都很合理。之后,从纵向旋转回横向,视口(viewport)保持与纵向模式一样宽,即。它被放大(缩放)了。我必须手动缩小才能回到完整的图片/视口(viewport)。这应该是不可能的。

html - 当我指定了视口(viewport)时,为什么智能应用程序横幅会部分/完全隐藏在 Safari 中?

我要添加smartappbanners链接到AppleAppStore中的应用程序。当我没有指定视口(viewport)元标记时,它似乎工作正常。如果我有一个完全适合移动设备的视口(viewport),智能应用横幅在页面加载后会完全隐藏在“地址栏后面”,如果我有一个指定宽度为840的视口(viewport),智能应用横幅会被地址栏部分隐藏。这是为什么,我能否做到始终完整显示智能应用横幅?正在工作,没有视口(viewport)智能应用横幅显示正确。您可以滚动以隐藏它。Testpage完全隐藏,响应式智能应用程序横幅隐藏在地址栏后面(您可以看到模糊的蓝色FacebookLogo)。您可以滚

html - Iphone safari 无法在键盘打开时调整视口(viewport)大小

当键盘弹出时,移动版safari不会更新window.innerHeight。(至少在9.3.5中,并且有几个答案,如this一个,评论说在ios8.2中崩溃了)Appledocumentation说usedtosaybeforetheyediteditwindow.innerHeight将在iOS10中回归。IniOS10,WKWebViewobjectsmatchSafari’snativebehaviorbyupdatingtheirwindow.innerHeightpropertywhenthekeyboardisshown,anddonotcallresizeevents.

ios - 过渡到 iOS 7 : correct viewport setting for jQuery/iPhone Webapps viewed on iPads

我们有一个基本上有一个UIWebView的应用程序,它在XCode中设置为“iPhoneApp”。到目前为止一切正常,但使用iOS7iPad模拟器,应用程序现在立即出现在“全屏”中,这不是问题,但WebView似乎也被放大了。我只看到已加载网站的右上1/4,必须滚动才能看到其余部分。我们在应用程序中使用jQueryMobile1.3.1。编辑我发现了错误。视口(viewport)元元素的语义似乎在iOS版本之间发生了变化。改变到为我工作,但我不确定这是否是自jQueryMobileDemo以来的方式Page确实将with设置为device-with。当我从我的UIWebView加载演示

ios - 使用 drawInRect 时 UIImage Aspect Fit?

UIView提供“纵横比”内容模式。但是,我已经对UIView进行了子类化,并且想使用drawInRect绘制一个UIImage并进行纵横比调整。有没有什么方法可以让我在不使用UIImageView的情况下访问该功能? 最佳答案 这方面的数学有点复杂,但幸运的是,这是我之前准备的解决方案:-(UIImage*)imageScaledToSize:(CGSize)size{//createdrawingcontextUIGraphicsBeginImageContextWithOptions(size,NO,0.0f);//draw[

ios - UIButton 不会去 iPhone 中的 Aspect Fit

我有几个UIButton,在IB中它们被设置为AspectFit,但由于某种原因它们总是拉伸(stretch)。还有什么你必须设置的吗?我尝试了所有不同的View模式,但没有一个起作用,它们都被拉伸(stretch)了。 最佳答案 解决方案是在UIButton的imageView属性上设置contentMode。我相信必须使用自定义类型创建UIButton才能使其正常工作(否则将为此属性返回nil)。 关于ios-UIButton不会去iPhone中的AspectFit,我们在Stack