gpt4 book ai didi

html - 如何为大型垂直显示器设计网页?

转载 作者:太空宇宙 更新时间:2023-11-04 15:34:25 25 4
gpt4 key购买 nike

我目前正在设计一个网页,用于在商场的 LED 屏幕上显示动态内容。

我需要确保我设计的内容完全适合显示器的高度和宽度。屏幕尺寸为42″,分辨率为1280×720。

  1. 如何确保我设计的内容完全适合屏幕?我我更担心让它适合垂直方向。

  2. 如何设计自动适应和适合的内容这么长的垂直屏幕?

  3. 有什么工具可以帮助我完成设计过程吗?

Digital Billboard

最佳答案

你应该没有太多问题,只需将高度设置为 1280px,宽度设置为 720px。

一个好的模板应该是:

<!doctype html>
<html>
<head>
<style>
#wrapper {
height:1280px;
width:720px;
outline:1px black solid; // useful when designing to see where boundary of screen is.
}

</style>
</head>
<body>
<div id="wrapper">
<!-- Everything goes in here. -->
</div>
</body>
</html>

您需要找出他们使用的浏览器,然后在该浏览器中进行设计。您可能会发现它运行带有 IE 7 的 Windows XP Embedded。

为了方便使用 IE7,我建议设置一个运行该浏览器的虚拟机。您可以在此处从 Microsoft 获取:http://www.microsoft.com/en-us/download/details.aspx?id=11575&mnui=0 ,或者如果你在 OSX 或 Linux 上,坦率地说惊人的 https://github.com/xdissent/ievms可能很方便。

值得仔细考虑可读的最小字体大小是多少。您可能还会发现,如果是经过旋转的普通屏幕,子像素将旋转 90°,即不是从左到右的 RGB,而是垂直排列。在这种情况下,Microsoft 的 Cleartype 看起来会很奇怪,所以如果打开它,您会发现较小的文本非常模糊。 (它适用于左右像素而不是上下像素,因此旋转的屏幕会大大影响它)。

我会尝试获取屏幕的副本,或者只是通过您的电视运行它,然后将您的头侧向以接近它:)

关于html - 如何为大型垂直显示器设计网页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10469003/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com