web网页设计尺寸规范介绍

web网页设计尺寸规范介绍

web网页设计尺寸规范

制作网页时,我们选用的分辨率是72像素/英寸,使用的画布尺寸1920px*1080px。

但是这并不代表着我们可以在整个画布上作图。

网页的布局主要有两种,左右型布局和居中型布局。布局的不一致,使得可设计的空间也不相同。

1、左右布局

灵活性强, UI的限制小。

左边通栏为导航栏,宽度没有具体的限制,可根据实际情况调整;右侧为内容版块范围,是网站内容的展示区域。

d693369e5c2f0a36f78b36b380baef0.png

2、居中布局

中间的蓝色部分为有效的显示局域,用于网站内容的展示。

换句话说,两边均为留白,没有实际用途,只是为了适配而存在;

25a7d6f3c9f9ceadc1f1218e63addcd.png

一般网站内容显示的区域为996px;国内网站大部分还是以1000个像素为界限,因超过1000像素适合在大屏幕上浏览,小屏幕会显得拥挤。所以网站宽度在1000像素以内可以保证大部分用户舒适的浏览网页。

以上就是web网页设计尺寸规范介绍的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2955999.html

(0)
上一篇 2025年3月12日 00:23:07
下一篇 2025年3月12日 00:23:15

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • web开发选择是php还是java

    web开发选择会php也会选择java的,php即写即用的,php写东西快,php的表面思路更清晰,php占用内存少,同时java组件多,java线程池,连接池,异步化方便,java是真正意义上的逻辑清晰。 web开发选择会php也会选择j…

    2025年3月12日
    200
  • web前端开发需要学习哪些技术

    web前端开发需要学习的技术有:1、HTML基础知识,主要包含每个标签的使用方法;2、div和css的基本知识,这是web前端的基础;3、javascript编程,主要包括jquery和其它框架。 web前端开发需要掌握的技术: (视频学习…

    2025年3月12日
    200
  • web前端三大主流框架是什么

    web前端三大主流框架是vue.js、react和angular。vue.js是一套构建用户界面的渐进式框架,vue只关注视图层,采用自底向上增量开发的设计,学习起来更加简单。 (学习视频分享:编程视频) 详细介绍: Vue.js(读音 /…

    2025年3月12日
    200
  • web是网页吗

    web页包含网页,web本意是蜘蛛网和网的意思,现广泛译作网络、互联网等技术领域;表现为三种形式,即超文本、超媒体、超文本传输协议;而网页,是网站中的页面,通常是HTML格式;网页通常用图像档提供图画,网页要使用网页浏览器阅读。 本文操作环…

    2025年3月12日
    200
  • web前端三大主流框架如何对比分析

    对比如下:1、Vue,提供的API都比较简单、直观,使用DOM模板;2、Angular,依赖对数据做脏检查,Watcher越多越慢;3、React,采用特殊的JSX语法,采用的Virtual DOM会对渲染出来的结果做脏检查。 本教程操作环…

    2025年3月11日
    200
  • 一起聊聊Web Components之Slots(实例详解)

    本篇文章给大家带来了关于slots的相关知识,slots 的作用就是给模板元素传值,增强模板元素的灵活性和通用性,希望对大家有帮助。 熟悉 Vue 的同学应该都知道”插槽(slot)“的概念,通过使用插槽可以让页面内容的组织更加灵活。 在 …

    2025年3月11日 编程技术
    200
  • web前端中的web是什么

    web是World Wide Web的缩写,意思是全球广域网,也被称为万维网,是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统,可以为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面。…

    2025年3月11日
    200
  • web前端打包工具有哪些

    web前端打包工具有:1、Webpack,是一个模块化管理工具和打包工具可以将不同模块的文件打包整合在一起,并且保证它们之间的引用正确,执行有序;2、Grunt,一个前端打包构建工具;3、Gulp,用代码方式来写打包脚本;4、Rollup,…

    2025年3月11日
    200
  • Web3.0来了!它对前端很友好吗?

    最近 web3.0 的呼声真的是越来越高,也越来越疯狂。对于我们前端来说,我们需要具备什么技术呢?(学习视频分享:web前端) 首先先介绍一下 web3.0 是如何衍生的 互联网 我们先聊一下啥是web,在1989 年,由CERN(欧洲粒子…

    2025年3月11日
    200
  • web前端架构是什么

    web前端架构是一系列工具和流程的集合,旨在提升前端代码的质量,并实现高效可持续的工作流。web前端架构的核心有4个:1、代码(HTML、CSS、JavaScript);2、流程,怎么用工具和流程构建一个高效且避免出错的工作流是一个重要的思…

    2025年3月11日
    200

发表回复

登录后才能评论