草庐IT

Viewport-units

全部标签

iphone - 如何为正确处理旋转的 iPhone 设置视口(viewport)元?

所以我一直在使用:让我的HTML内容在iPhone上很好地显示。在用户使用之前效果很好将设备旋转到横向模式,其中显示仍然限制为320像素。是否有一种简单的方法来指定视口(viewport),该视口(viewport)会随着用户更改而改变设备方向?还是我必须求助于Javascript来处理? 最佳答案 我只是想自己解决这个问题,我想出的解决方案是:这似乎将设备锁定为1.0比例,无论其方向如何。作为副作用,它确实会完全禁用用户缩放(捏缩放等)。 关于iphone-如何为正确处理旋转的iPho

html - 让 Div 覆盖整个页面(不仅仅是视口(viewport))?

所以我有一个我认为很常见但我还没有找到好的解决方案的问题。我想让一个覆盖div覆盖整个页面......而不仅仅是视口(viewport)。我不明白为什么这很难做到...我已经尝试将body、html高度设置为100%等,但这不起作用。这是我目前所拥有的:.OverLay{position:absolute;z-index:3;opacity:0.5;filter:alpha(opacity=50);top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:Black;color:White;}body{h

html - 让 Div 覆盖整个页面(不仅仅是视口(viewport))?

所以我有一个我认为很常见但我还没有找到好的解决方案的问题。我想让一个覆盖div覆盖整个页面......而不仅仅是视口(viewport)。我不明白为什么这很难做到...我已经尝试将body、html高度设置为100%等,但这不起作用。这是我目前所拥有的:.OverLay{position:absolute;z-index:3;opacity:0.5;filter:alpha(opacity=50);top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:Black;color:White;}body{h

ios - 确定用户在 iOS 10 上的 "Temperature Unit"设置(摄氏度/华氏度)

iOS10增加了用户在“设置”>“通用”>“语言与地区”>“温度单位”下设置“温度单位”选项的功能。我的应用如何以编程方式确定此设置,以便显示正确的温度单位?我浏览了NSLocale.h,没有看到任何相关内容。(在iOS10之前,测试语言环境是否使用公制并假设公制用户想要使用Celsius就足够了。现在不再是这种情况了。) 最佳答案 有一个(NS)MeasurementFormatter类。它继承自(NS)Formatter类。这是适用于iOS10+SDK的新类。我不确定是否有必要知道用户在他们的偏好中设置了什么单位。使用Swift

ios - 确定用户在 iOS 10 上的 "Temperature Unit"设置(摄氏度/华氏度)

iOS10增加了用户在“设置”>“通用”>“语言与地区”>“温度单位”下设置“温度单位”选项的功能。我的应用如何以编程方式确定此设置,以便显示正确的温度单位?我浏览了NSLocale.h,没有看到任何相关内容。(在iOS10之前,测试语言环境是否使用公制并假设公制用户想要使用Celsius就足够了。现在不再是这种情况了。) 最佳答案 有一个(NS)MeasurementFormatter类。它继承自(NS)Formatter类。这是适用于iOS10+SDK的新类。我不确定是否有必要知道用户在他们的偏好中设置了什么单位。使用Swift

javascript - 我可以即时更改移动版 Safari 中的视口(viewport)元标记吗?

我有一个为移动Safari浏览器构建的AJAX应用程序,需要显示不同类型的内容。对于某些内容,我需要user-scalable=1,对于其他内容,我需要user-scalable=0。有没有办法在不刷新页面的情况下修改content属性的值? 最佳答案 我意识到这有点老了,但是,是的,这是可以做到的。一些让您入门的javascript:viewport=document.querySelector("meta[name=viewport]");viewport.setAttribute('content','width=device

javascript - 我可以即时更改移动版 Safari 中的视口(viewport)元标记吗?

我有一个为移动Safari浏览器构建的AJAX应用程序,需要显示不同类型的内容。对于某些内容,我需要user-scalable=1,对于其他内容,我需要user-scalable=0。有没有办法在不刷新页面的情况下修改content属性的值? 最佳答案 我意识到这有点老了,但是,是的,这是可以做到的。一些让您入门的javascript:viewport=document.querySelector("meta[name=viewport]");viewport.setAttribute('content','width=device

javascript - 将视口(viewport)设置为缩放以适应宽度和高度

我正在开发一个适合特定宽度和高度的网站(一个885x610的div,边框为1像素,上边距为3像素)。我希望用户永远不必滚动或缩放来查看整个div;它应该始终完全可见。由于设备的分辨率和宽高比各不相同,因此我想到了使用JavaScript动态设置“viewport”元标记的想法。这样,div将始终具有相同的尺寸,不同的设备将不得不以不同的方式缩放,以便在其视口(viewport)中适应整个div。我尝试了我的想法并得到了一些奇怪的结果。以下代码适用于第一个页面加载(在Android4.4.0上的Chrome32.0.1700.99中测试),但当我刷新时,缩放级别会发生变化。此外,如果我注

javascript - 将视口(viewport)设置为缩放以适应宽度和高度

我正在开发一个适合特定宽度和高度的网站(一个885x610的div,边框为1像素,上边距为3像素)。我希望用户永远不必滚动或缩放来查看整个div;它应该始终完全可见。由于设备的分辨率和宽高比各不相同,因此我想到了使用JavaScript动态设置“viewport”元标记的想法。这样,div将始终具有相同的尺寸,不同的设备将不得不以不同的方式缩放,以便在其视口(viewport)中适应整个div。我尝试了我的想法并得到了一些奇怪的结果。以下代码适用于第一个页面加载(在Android4.4.0上的Chrome32.0.1700.99中测试),但当我刷新时,缩放级别会发生变化。此外,如果我注

Unity教程1:如何切割我的图片素材并使用tilemap搭建游戏背景(Pixels Per Unit设置不合适问题)

目录 素材如何切割素材使用tilemap以及笔刷搭建游戏场景正确的设置PixelPerUnit 创建瓦片块 规则瓦片RuleTile的使用 图层层级的设定 本人使用2D项目来创建游戏场景,使用的Unity版本为2021.1这是一个记录向的博客,本人结合了麦扣老师的教程使用自己购买的素材进行Unity的再学习,很基础,主要为了防止自己遗忘也希望能帮助到其他人。感谢麦扣老师能成为我制作游戏的破门人!M_Studio的个人空间-M_Studio个人主页-哔哩哔哩视频 由于制作游戏需要了解一些Unity的API,我们需要一定阅读英文基础的能力,不过官方的脚本手册也是有中文翻译的,在这篇博客中,本人跟随