Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在宽屏显示器上设置网页可能导致我创建不准确的div位置_Html_Alignment_Monitor_Widescreen - Fatal编程技术网

Html 在宽屏显示器上设置网页可能导致我创建不准确的div位置

Html 在宽屏显示器上设置网页可能导致我创建不准确的div位置,html,alignment,monitor,widescreen,Html,Alignment,Monitor,Widescreen,我最近建立了一个专门使用带有宽屏幕显示器的计算机的网站。后来,当我用一台显示器更小的电脑在线打开同样的页面时,我突然发现所有的分区位置都完全不合适。我的问题是如何使用宽屏显示器继续开发我的网页,而不会在常规大小的显示器上弄乱div位置以获取视图 重新回复: 谢谢你们的建议。我同意页面的设计应该足够灵活,以适应大多数浏览器窗口的大小。然而,当你使用宽屏显示器而不注意时,很容易过度补偿div的位置和元素大小。我的下一个问题是如何确保常规浏览器窗口尺寸,以及如何强制浏览器窗口达到该尺寸 感谢Cyren

我最近建立了一个专门使用带有宽屏幕显示器的计算机的网站。后来,当我用一台显示器更小的电脑在线打开同样的页面时,我突然发现所有的分区位置都完全不合适。我的问题是如何使用宽屏显示器继续开发我的网页,而不会在常规大小的显示器上弄乱div位置以获取视图

重新回复:

谢谢你们的建议。我同意页面的设计应该足够灵活,以适应大多数浏览器窗口的大小。然而,当你使用宽屏显示器而不注意时,很容易过度补偿div的位置和元素大小。我的下一个问题是如何确保常规浏览器窗口尺寸,以及如何强制浏览器窗口达到该尺寸


感谢Cyrena为我提供开发工具的指导。我确实使用它们并跨浏览器进行检查。但我这里的问题是只在浏览器最大化的宽屏显示器上工作。我不想犯同样的错误,所以我需要找出如何用正确的尺寸调整浏览器窗口的大小。

不要最大化浏览器窗口?只是水平收缩一点


但是,任何高度依赖于显示器形状的网站都是设计拙劣的。它应该适合任何大于最小值的尺寸的显示器(无需花费额外的精力使其适合100x100像素的屏幕)

不要最大化您的浏览器窗口?只是水平收缩一点


但是,任何高度依赖于显示器形状的网站都是设计拙劣的。它应该适合任何大于某个最小值的大小的显示器(无需花费额外的精力使其适合100x100像素的屏幕)

如果您使用IE的开发工具,您可以调整窗口大小,以查看在不同分辨率下的外观

请在以下网址查看: 工具>开发工具>工具菜单>调整大小


您还需要确保至少在其他浏览器/操作系统组合上测试您的网站

如果您使用IE的开发者工具,您可以调整窗口大小,以查看在不同分辨率下的效果

请在以下网址查看: 工具>开发工具>工具菜单>调整大小


您还需要确保至少在其他浏览器/操作系统组合上测试您的网站

我脑子里有两种基本方法:

  • 将浏览器的大小调整为支持的最小桌面/浏览器大小的宽度
  • 将桌面首选项设置为不同的大小(如配置文件),并在测试阶段在它们之间切换

  • 事实上,一个真正好看的网站永远不会在所有的浏览器配置上运行。选择一个酒吧,然后与之对抗。

    两种基本的方法在我脑海中浮现:

  • 将浏览器的大小调整为支持的最小桌面/浏览器大小的宽度
  • 将桌面首选项设置为不同的大小(如配置文件),并在测试阶段在它们之间切换

  • 事实上,一个真正好看的网站永远不会在所有的浏览器配置上运行。选择一个条,然后进行相应的操作。

    谢谢(请参阅原始字符串中的注释)谢谢(请参阅原始字符串中的注释)谢谢您将我的浏览器窗口保持在最大化限制以下是正确的。谢谢您将我的浏览器窗口保持在最大化限制以下是正确的。谢谢Patrick。我喜欢你的评论,以后在浏览器窗口设置方面会更加小心,谢谢Patrick。我喜欢你的评论,以后在浏览器窗口设置方面会更加小心,我还应该补充一点,我使用%值来标记div大小,而不是px值,这可能也是造成问题的原因。在可能的情况下,绝对定位值似乎更可取。我还应该补充一点,我使用%值来标记div大小,而不是px值,这可能也是造成问题的原因。在可能的情况下,绝对定位值似乎更可取。