css – 在Web开发中处理多屏幕分辨率和高宽比的策略

前端之家收集整理的这篇文章主要介绍了css – 在Web开发中处理多屏幕分辨率和高宽比的策略前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
回到当天,800 x 600是设计的屏幕分辨率 – 也许640 x 480.然后沿着1024 x 768等等,等等。

但是,它变得更糟:现在我们不仅有不同的分辨率,但也有不同的长宽比。

人们使用什么策略来适应当今不断扩大的屏幕尺寸和宽高比范围?

(BTW – 我只考虑笔记本电脑/台式机硬件,但当然有智能手机和平板电脑也考虑)。

解决方法

我知道这将是一个有争议的意见,但我会说它反正:不要

不要设计为多种屏幕尺寸或宽高比。当然有一些例外:web邮件客户端等重型Web应用程序绝对可以使用更多的屏幕空间,并且可能足够灵活以适应大范围的屏幕尺寸。所述网站的移动版本,具有更灵活的设计以容纳移动屏幕尺寸的令人难以置信的频谱可以帮助具有高移动量的站点。然而,如果你坚持所谓的“桌面网络”,那么我想我们可以说,95%的时间有更重要的事情要关心比屏幕尺寸,分辨率和宽高比。

首先,让我们来解决一个简单的问题。我不太明白你为什么会关心这么多的长宽比 – 这不是我们关心的那么多的’下面的折’废话了,我们吗?网络是一种垂直介质 – 滚动将总是在网站上有一个地方。拥有一切以上的神奇600px线是只是愚蠢。

接下来,屏幕分辨率/大小:再次,我觉得很难防守。

大屏幕的用户通常不会最大化他们的浏览器窗口,因为他们发现大多数网站不利用他们。当网络适应用户时,用户也适应网络。虽然你可以认为这是一个鸡和鸡蛋的问题,事实仍然是,网站通常设计为最低的共同标准。我不是捍卫这个立场,而是指出它是当前流行的趋势。

有一些事情,根本不会工作与分辨率太高或太低。例如,存在允许人们在屏幕上舒适地阅读的宽度的小范围。任何更长的时间和眼睛移动到下一行将是恼人的。太低,文本会显得狭窄。网络被设计成解决中立的事实意味着矛盾的是,没有为那些希望建立流体布局的人提供许多条款。最小高度和最大高度将有所帮助,当然,但范围更广,你会面临更多的困难。例如孤立的元素,移位的图像,用完的背景等,对于用当今技术构建的真正灵活的站点是不可避免的。

所以我的意见是,处理多个决议的最简单的方法是完全忽略它 – 今天的技术有没有很多选择,并设计最低的共同标准。

猜你在找的CSS相关文章