我目前正在设计一个网页，用于在商场的 LED 屏幕上显示动态内容。
我需要确保我设计的内容完全适合显示器的高度和宽度。屏幕尺寸为42英寸，分辨率为1280×720。
如何确保我的设计完全适合屏幕？我 我更担心让它垂直适合。
如何设计自动适应的内容 自己要这么长的垂直屏幕吗？
有什么工具可以帮助我完成设计过程吗？
最佳答案
应该不会有太多问题，只需将高度设置为 1280 像素，宽度设置为 720 像素即可。
一个好的模板是:
<!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°，也就是说，它们将垂直排列，而不是从左到右排列。在这种情况下，微软的 Cleartype 看起来会很奇怪，所以如果打开它，你会发现较小的文本非常模糊。 (它适用于左右像素，而不是上下像素，因此旋转的屏幕会大大影响它)。
我会尝试获取屏幕的副本，或者只是在电视上运行它，然后将头转向一侧以进行近似:)
关于html - 如何设计适合大型竖屏的网页？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10469003/