问题标签 [screen-positioning]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
151 浏览

ios - IOS 更改按钮图像以填满 iphone 3.5 英寸和 iphone 4 英寸的屏幕

我刚刚开始为工作编写 iOs 应用程序,我遇到了这个问题,这与调整屏幕上的按钮大小以适应 iPhone 3.5 英寸和 4 英寸有关。如果您查看下面的屏幕截图,您可能会得到我想要解决的大部分问题。

3.5寸屏APP设计

4寸屏APP设计

因此,我们的设计师设计了布局,您可以看到颜色按钮应该填充两个 iphone 设备的屏幕高度,减去状态栏和应用程序导航栏的高度。

我已经浏览了一些关于自动调整大小的信息,但是我认为它不适合您在图像中看到的要求。

我想到的另一种方法是在代码中,我会编写一个 if 语句,以确定使用该应用程序的人是否在 iphone 4 英寸上,然后加载不同的图像。但是,在考虑更多细节后,我将不得不更改每个按钮的位置,以确保新加载的图像防止重叠。

我的问题是有没有办法根据屏幕截图改变目标 c 中按钮的位置以实现我想要的?

如果您能告诉我我在解决当前问题的方法上是否走在正确的轨道上,我将不胜感激。

多谢了。

0 投票
2 回答
438 浏览

javascript - 分散的无序列表

我有一个无序列表,我希望添加这样的效果,即当附加一些东西时,它每次都会出现在屏幕上的随机位置。但是,由于它是列表中的文本,我不能让每个随机位置重叠。附加的文本将有一个 5 秒的淡出计时器,因此一旦消息淡出,该空间将变为可用。

这可能吗?如果是这样,这是我正在使用的 HTML:

这是Javascript / jquery:

如果没有,我该怎么做才能达到这种效果?

多谢你们!

0 投票
0 回答
42 浏览

html - 百分比定位(谷歌示例)

我有一个非常基础的网站。页面顶部的标题栏 - 有点像这个网站或 Facebook,页面底部有一个文本框和一个提交按钮。

我遇到的问题与文本框和提交按钮的定位有关。我用百分比来定位它们。原因是 - 当我使用 px 定位时,布局在不同的屏幕上出现不同。

我想要实现的是谷歌主页通过其文本框定位实现的目标。我需要我的文本框和提交按钮出现在每个人的屏幕上的固定位置,但是,每当屏幕最小化时,我不希望文本框或提交按钮粘在页面底部。当我移动浏览器的约束时,这两个元素重叠并且变得混乱。

我该如何做到这一点?

这是我的 CSS

多谢你们。

0 投票
5 回答
458 浏览

html - div 顶部有空白空间,带有 display:inline-block

我正在尝试将两个 div放置在彼此相邻的容器中.cardbox,由于某种原因,右侧的 div顶部有一些空白空间,我不知道如何摆脱。两个 div 都包含图像。我尝试过修改宽度和高度设置,认为它们对于盒子来说太大了,但似乎没有什么能做对。非常感谢任何帮助或投入。.previewbox.cardcontainerdisplay:inline-block;.previewbox

0 投票
1 回答
88 浏览

printing - 如何在屏幕上的同一行和同一位置打印倒计时时钟(即新数字覆盖以前)

我有下面的代码,想创建一个倒计时时钟,从 10 倒计时到 9、8、7 等。

我想要一个数字来替换同一行和同一位置上的前一个数字(即您随时都可以看到一个数字)。

有没有一种打印方法可以做到这一点?

我是编程新手,发现os.system('cls')可以解决问题,但必须有一个更有说服力的解决方案?

0 投票
2 回答
99 浏览

android - 将图像定位在平板电脑之间不一致的特定 X 和 Y 位置

我想将鼠标图像放置在包含不同鼠标孔的壁纸上。我的壁纸的比例类型mouseHole设置为CENTER_CROP

我正在使用以下代码设置鼠标的 X 和 Y 位置:

但是,在两种不同的平板电脑上(特别是三星 Galaxy Tab 5 和华硕 ZenPad 10),位置并不完全匹配。壁纸是带有四个不同鼠标孔的图像,我希望鼠标的位置在所有平板电脑上都匹配。

0 投票
1 回答
84 浏览

css - 所有设备的复杂背景图像定位

首先,当我在 localhost 上开发时,我无法提供任何 URL 详细信息 - 目前。但是,希望通过下面我的清晰描述,您可以提供建议。:-)

我一直在尝试.header-wrap #header使用 Uplift 主题在我的 Wordpress 网站中定位图像。下面的代码可以正常工作,但是由于纵横比,图像位于标题下方,这意味着它的高度明显超过 160 像素。我也尝试过background sizing-background-position这些都没有提供正确的结果。我知道我需要引入媒体查询,但我首先需要让这个弯曲的图像在大屏幕上工作。

我需要图像直接位于标题徽标下方并定位在站点标题模板中,以便它适用于所有设备,但采用粘性标题,因此正文在图像下方滚动。

我提供了两个屏幕截图:第一个屏幕截图使用下面的代码,当前位于标题区域下方,另一个屏幕截图显示它在所有屏幕上的外观。

如果图像未针对特定形状进行定制,则以下代码将起作用。

所以,我需要图像保持固定,所以当用户向上或向下滚动时,页面的内容应该在图像下方滚动。

}

首选布局

使用代码插入的当前图像

0 投票
2 回答
1056 浏览

uitableview - 获取 ListView Xamarin Form 中 ViewCell 的滚动位置

我想知道 ListView 中 ViewCell 的滚动位置。

尝试了各种方法,但总是给我 0 值。

我的意图是获取 ViewCell 在屏幕中的位置。为了解决这个问题,试图获取它的滚动位置,然后我会将此值添加到 ListView 对象的 Y 值中。

在这种情况下,有人可以帮助我吗?

0 投票
0 回答
41 浏览

javascript - JS Tooltip 定位闪烁

编写一个纯 JS 工具提示库,并使其工作得非常非常好。没有大的花里胡哨,只是一个超级轻量级​​、超级实用且易于定制的工具提示。也就是说,我在更新职位时遇到了问题;特别是当检测到工具提示超出范围时。

它有效!确实如此。问题是当我将鼠标悬停在目标元素上时,该元素位于页面右侧,导致工具提示超出范围,它将在默认的右下角位置和正确的左下角位置之间闪烁。经过进一步检查,它似乎只在我移动光标的所有其他头发上注册超出范围。例如,当我输入元素时,它会正常显示;向任何方向移动光标一根头发,它似乎会重置到右下角,而不是看到它超出了界限。将它再移动一根头发,它会再次发现它超出了界限,将自己纠正到左下角。我不确定在这里做出什么假设,但我会让你们来判断。