草庐IT

Viewport-units

全部标签

html - 收缩以适合视口(viewport)元属性有什么作用?

我找不到这方面的文档。它是特定于Safari的吗?最近iOS9中有一个错误(here),解决方案是将shr​​ink-to-fit=no添加到视口(viewport)元数据中。这段代码是做什么的? 最佳答案 它是特定于Safari的,至少在撰写本文时是这样,在Safari9.0中引入。从“Safari有什么新功能?”documentationforSafari9.0:ViewportChangesViewportmetatagsusing"width=device-width"causethepagetoscaledowntofit

ios - Xcode 5 : Unit Tests not running

我创建了一些测试用例,它们都通过了...那是因为它们没有运行。从Xcode,我得到:TestSuite'Alltests'startedat...TestSuite'Alltests'finishedat...Executed0tests,with0failures(0unexpected)in0.00secondsTheproject(andunittestclasses)buildsuccessfully.AllmytestclasseshaveMyApp_appTestsasTargetMembershipselected.ProductionclasseshaveMyApp_a

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

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

ios - ios中区域为 "United Kingdom"时如何获取系统时间格式?

我正在使用以下代码在ios中获取系统时间格式。当我当前的区域设置为“美国”时,它工作正常,但当我将区域从“美国”更改为“英国”时,它总是提供12小时的合成时间。#pragmamark#pragmamark-getsystemtime-(BOOL)getSystemTimeFormat{NSString*strDateFormate=@"hha";NSString*dateFormat=[NSDateFormatterdateFormatFromTemplate:strDateFormateoptions:0locale:[NSLocalecurrentLocale]];if([date

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加载演示