位置:有考网 > 计算机类>Web前端> 网页宽度到底该怎么定?  正文

网页宽度到底该怎么定?

发布时间:2022-01-19 16:06:43来源:转载

网页宽度到底该怎么定?了解网页设计的宽度定义,势必要理解它们的底层原因,因为宽度的设置:只有合适的宽度,没有正确的宽度。今天小编主要给大家分享网页宽度到底该怎么定,希望对你们有帮助!

1.浏览设备

浏览设备是Web用户使用的屏幕类型。主要考量的标准是屏幕的分辨率(长度和宽度、像素)。

常见的PC端屏幕分辨率为1280×800、1600×900、1440×800、1366×768、1920×1080、2560×1440等,加上一些不太常见的(如

surfacebook的3000×2000)。这些是比较常见的。所以基于这个前提,很多人会在屏幕的分辨率上查找统计表。

对于网页设计,我们首先要确定的是——较小适配屏幕。

因为在一般场景下,如果显示器分辨率大于画布,则我们可以正常访问内容;如果小于画布,则内容将不完整显示出来,这相当于放弃了低于此分辨率的用户。

因此,我们做了简单的计算,如果基于1920×1080,则支持的用户数量为27.38%;

如果是800×600,则支持的用户数小于3%。考虑到这一点,我们是否支持做较小的分辨率?当然不是。

今天,宽度低于1024的设备非常罕见。即使使用1024,主流设备也是平板电脑而不是普通电脑。当这些设备的数量低以至于它们变得非主流时,可以选择忽略它们以满足更多人的需求。

通常,我们支持的分辨率至少不是1024×768就是1280×800。

如果大家不相信,可以访问各种网站并使用QQ屏幕截图工具来测量主要内容区域的宽度。

⒉展示类型

可能有很多人已经听过响应式布局和自适应设计。首先,无论它们有何不同,它们都代表了随着浏览器窗口大小的变化而改变网页大小的技术。

比如星巴克网站的Bootstrap架构,在更改浏览器窗口的宽度后,可以获得不同的结果。

如果仍需要通过此内容了解页面的宽度,我不建议在实际项目中使用响应式布局和自适应设计,因为都需要熟悉前端架构和对CSS属性的基本认识,否则就无法直接考虑其它分辨率下的显示器显示效果以及在设计过程中制定不同元素的自适应设计。

前端开发变得越来越后端化

前端新手学习交流群,如果有想学习前端或者交流经验的都可以加入,一起互相学习交流:→→→点击我即可加入圈子

从技术发展趋势来看,前端开发逐渐从纯前端走向后端,html+css+js+jquery开发者的生存空间不断被压缩。随着大前端技术的日趋流行,通过前端开发技术构建出一个完整的应用也变得不再复杂,这也是前端开发越来越火热的重要原因之一。现在很多前端开发与后端开发界限也越来越不明显,前端全栈化,也逐渐成为高级前端开发者的标准之一。

厦门Web前端培训价格是多少?
Web前端开发的未来发展趋势如何?
重庆新手学习Web推荐哪家机构
天津哪里有专门学web前端的地方
厦门Web前端培训班哪家不错?
学习Web前端有什么技巧吗?

相关内容: 网页宽度 Web前端 达内教育

同类文章