浅谈页面宽度百分比适配的方案

这种方案在网页设计过程中使用了很长的时间,即使是如今,微信中京东购物的入口,仍然还是这种方式。主要表现在,在比基准的设备宽上,页面元素的横向宽度需要按照百分比的形式,去自适应。高度无需产生变化。所以,无论网页设计的项目针对怎样的设备,运用这种方案,只需要在宽度上进行兼容就可以。即使是文本图片等内容与元素,也可以按照这种方式,以此充分地利用好屏幕的尺寸。

主要的特徵如下:

  • 按设计稿的尺寸除以2,而宽度则使用百分比实现;
  • 适合平台类型的项目,或者是页面布局不复杂的类型。

要注意的是,适应几乎所有的设备端,进行横向拉宽都会让使布局比例失调。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/44573.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月25日
下一篇 2022年6月25日

相关推荐

  • 网页设计中视觉层次的五大支柱。

    一个"看起来不错"的网站他的视觉层次结构是可以直接影响用户的流量和决策的。从基本的角度来说,视觉层次结构描述了哪些元素在你的用户的注意力中占据了主导地位,并最吸引他们的眼球。但是,没有一种正…

    2023年2月14日 SEO操作
    00
  • 网页设计师必备的应用程序。

    自由职业的好处之一就是你可以在任何地方工作,然而,与工作保持联系的压力可能会让你一整天都困在电脑后面。虽然对于你在一个专门的工作空间中所达到的生产力和产出水平有一些说法,但你没有理由不能在外出时保持…

    2023年2月15日 SEO操作
    01
  • 网页设计技巧:如何让你的网页设计更有时代感

    设计总是在不断变化,每隔一段时间我们就会看到与以往有所不同的设计趋势。而身为设计师,在进行网页设计时就需要善用这些流行设计趋势,让网站更容易被注意到,甚至被喜爱。 网页设计技巧 而到了2020年,我们会注…

    2022年6月25日 建站资讯
    0128
  • 网页设计技巧:如何制作高品质的企业网站

    随着互联网重心逐渐改变,企业网站不仅仅只是作为一个门户网站,更多的是满足用户的需求,提高网站建设的水平,使网站的访问率、转化率和跳出率能达到理想的效果。 如何制作高品质的企业网站呢? 1. 注重网站页面的…

    2022年6月25日 建站资讯
    0126
  • 4000字干货!手把手带你掌握web中的表单设计。

    前言表单是我们生活中常见的信息添加、录入的方式之一,如何进行表单的设计也是 B 端设计师的必修课。身边别的部门的同事常常会说:表单不就是几个输入框,几个组件组成的东西么,挺简单的,有什么好设计的。但通常…

    2023年3月7日 SEO操作
    010
  • 响应式网页设计中的导航菜单趋势。

    毫无疑问,创建一个响应性强的网站的过程是由多种因素组成的。典型的响应式网站设计肯定会包含您在大多数网站布局中所期望的某些主要元素。然而,导航是一个巨大的焦点,多年的专业经验帮助我们确定了一系列需要考…

    2023年2月18日
    08
  • 电商类型网站设计适合翻页还是滚动?

    这个固然是要看情境作为判断。就好比,如果一个电商类型的网站,能够让用户快速地找到商品。或者是目标用户知道自己要搜索什麽,有一个比较明确目标的话,翻页设计方式就比较适合了。但是如若电商网站希望打造出轻…

    2022年6月25日
    0119
  • 在进行网页设计时要做好优化

    现在网站非常的多,人们在进行搜索的时候,可以看到有许多相关的网站出现,所以人们在对网页设计的时候,如果想使自己的网站能够有较多的浏览量,那么一定要做好网站的优化,使得网站的排名能够比较靠前,这样人们…

    2019年8月2日
    0195

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息