问题标签 [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.
ios - IOS 更改按钮图像以填满 iphone 3.5 英寸和 iphone 4 英寸的屏幕
我刚刚开始为工作编写 iOs 应用程序,我遇到了这个问题,这与调整屏幕上的按钮大小以适应 iPhone 3.5 英寸和 4 英寸有关。如果您查看下面的屏幕截图,您可能会得到我想要解决的大部分问题。
因此,我们的设计师设计了布局,您可以看到颜色按钮应该填充两个 iphone 设备的屏幕高度,减去状态栏和应用程序导航栏的高度。
我已经浏览了一些关于自动调整大小的信息,但是我认为它不适合您在图像中看到的要求。
我想到的另一种方法是在代码中,我会编写一个 if 语句,以确定使用该应用程序的人是否在 iphone 4 英寸上,然后加载不同的图像。但是,在考虑更多细节后,我将不得不更改每个按钮的位置,以确保新加载的图像防止重叠。
我的问题是有没有办法根据屏幕截图改变目标 c 中按钮的位置以实现我想要的?
如果您能告诉我我在解决当前问题的方法上是否走在正确的轨道上,我将不胜感激。
多谢了。
javascript - 分散的无序列表
我有一个无序列表,我希望添加这样的效果,即当附加一些东西时,它每次都会出现在屏幕上的随机位置。但是,由于它是列表中的文本,我不能让每个随机位置重叠。附加的文本将有一个 5 秒的淡出计时器,因此一旦消息淡出,该空间将变为可用。
这可能吗?如果是这样,这是我正在使用的 HTML:
这是Javascript / jquery:
如果没有,我该怎么做才能达到这种效果?
多谢你们!
html - 百分比定位(谷歌示例)
我有一个非常基础的网站。页面顶部的标题栏 - 有点像这个网站或 Facebook,页面底部有一个文本框和一个提交按钮。
我遇到的问题与文本框和提交按钮的定位有关。我用百分比来定位它们。原因是 - 当我使用 px 定位时,布局在不同的屏幕上出现不同。
我想要实现的是谷歌主页通过其文本框定位实现的目标。我需要我的文本框和提交按钮出现在每个人的屏幕上的固定位置,但是,每当屏幕最小化时,我不希望文本框或提交按钮粘在页面底部。当我移动浏览器的约束时,这两个元素重叠并且变得混乱。
我该如何做到这一点?
这是我的 CSS
多谢你们。
html - div 顶部有空白空间,带有 display:inline-block
我正在尝试将两个 div放置在彼此相邻的容器中.cardbox
,由于某种原因,右侧的 div顶部有一些空白空间,我不知道如何摆脱。两个 div 都包含图像。我尝试过修改宽度和高度设置,认为它们对于盒子来说太大了,但似乎没有什么能做对。非常感谢任何帮助或投入。.previewbox
.cardcontainer
display:inline-block;
.previewbox
printing - 如何在屏幕上的同一行和同一位置打印倒计时时钟(即新数字覆盖以前)
我有下面的代码,想创建一个倒计时时钟,从 10 倒计时到 9、8、7 等。
我想要一个数字来替换同一行和同一位置上的前一个数字(即您随时都可以看到一个数字)。
有没有一种打印方法可以做到这一点?
我是编程新手,发现os.system('cls')
可以解决问题,但必须有一个更有说服力的解决方案?
android - 将图像定位在平板电脑之间不一致的特定 X 和 Y 位置
我想将鼠标图像放置在包含不同鼠标孔的壁纸上。我的壁纸的比例类型mouseHole
设置为CENTER_CROP
我正在使用以下代码设置鼠标的 X 和 Y 位置:
但是,在两种不同的平板电脑上(特别是三星 Galaxy Tab 5 和华硕 ZenPad 10),位置并不完全匹配。壁纸是带有四个不同鼠标孔的图像,我希望鼠标的位置在所有平板电脑上都匹配。
css - 所有设备的复杂背景图像定位
首先,当我在 localhost 上开发时,我无法提供任何 URL 详细信息 - 目前。但是,希望通过下面我的清晰描述,您可以提供建议。:-)
我一直在尝试.header-wrap #header
使用 Uplift 主题在我的 Wordpress 网站中定位图像。下面的代码可以正常工作,但是由于纵横比,图像位于标题下方,这意味着它的高度明显超过 160 像素。我也尝试过background sizing
-background-position
这些都没有提供正确的结果。我知道我需要引入媒体查询,但我首先需要让这个弯曲的图像在大屏幕上工作。
我需要图像直接位于标题徽标下方并定位在站点标题模板中,以便它适用于所有设备,但采用粘性标题,因此正文在图像下方滚动。
我提供了两个屏幕截图:第一个屏幕截图使用下面的代码,当前位于标题区域下方,另一个屏幕截图显示它在所有屏幕上的外观。
如果图像未针对特定形状进行定制,则以下代码将起作用。
所以,我需要图像保持固定,所以当用户向上或向下滚动时,页面的内容应该在图像下方滚动。
}
uitableview - 获取 ListView Xamarin Form 中 ViewCell 的滚动位置
我想知道 ListView 中 ViewCell 的滚动位置。
尝试了各种方法,但总是给我 0 值。
我的意图是获取 ViewCell 在屏幕中的位置。为了解决这个问题,试图获取它的滚动位置,然后我会将此值添加到 ListView 对象的 Y 值中。
在这种情况下,有人可以帮助我吗?
javascript - JS Tooltip 定位闪烁
编写一个纯 JS 工具提示库,并使其工作得非常非常好。没有大的花里胡哨,只是一个超级轻量级、超级实用且易于定制的工具提示。也就是说,我在更新职位时遇到了问题;特别是当检测到工具提示超出范围时。
它有效!确实如此。问题是当我将鼠标悬停在目标元素上时,该元素位于页面右侧,导致工具提示超出范围,它将在默认的右下角位置和正确的左下角位置之间闪烁。经过进一步检查,它似乎只在我移动光标的所有其他头发上注册超出范围。例如,当我输入元素时,它会正常显示;向任何方向移动光标一根头发,它似乎会重置到右下角,而不是看到它超出了界限。将它再移动一根头发,它会再次发现它超出了界限,将自己纠正到左下角。我不确定在这里做出什么假设,但我会让你们来判断。