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

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

主要的特徵如下:

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

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

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

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

(0)
InspirrInspirr订阅用户
上一篇 2022年6月25日 23:48
下一篇 2022年6月25日 23:48

相关推荐

  • 简洁的网页设计有哪些技巧?

    网页设计在技术上要求很高,但不要低估视觉方面的重要性。您的网页外观- 无论您是呈现纯信息还是添加导航工具- 都会对访问者在网页上停留的时间产生很大影响。因此,注重设计元素以达到网站的好品味是值得深究的。 …

    2019年6月28日
    0211
  • 浅谈保守派的交互设计  

      提及到网页设计中的对话模式,保守派的交互都少不了“菊花”。基本目的是告知使用者网页正在忙着处理着他们的请求,具体的流程大抵是: 使用者点击按钮; 按钮触发变为禁用状态,按钮上显示出进度状态如菊花,…

    2022年6月25日
    0236
  • Inspirr Creation案例鉴赏:如何让网站更加有吸引力

    在如今的互联网移动时代,网站点击率的高低会直接反映网站所带来的访客数量,而提高访客数量也就意味着提高产品在网站的销售量。那麽,如何让网站更加有吸引力呢?下面,Inspirr Creation将从「kidsmebaby婴幼儿购物…

    2022年6月25日
    0116
  • 选择方块堆叠形式进行页面布局的理由

    网页设计运用方块堆叠的形式进行排版是时下最热的表现,很大原因是因为它的直观和视觉质感。运用方块堆叠形式排版也是流行的趋势之一,理由有五个方面: 视觉效果的吸引力:堆叠形式的布局能够打造出强烈的空间感,…

    2022年6月12日
    0168
  • 我来教你四川网页设计要持续吸引用户。

        在PC网页上,动画效果和视差滚动通常使网站看起来非常吸引人,但移动端的情况却大不相同。 当内容迁移到移动网页和应用程序时,网站的效率和可用性始终是首要要求。 用户的首要需求是快速无缝的加载和点击使用…

    2023年6月16日
    02
  • 分享关于网站建设中移动端的重点。

    企业想要在互联网时代中发展良好,就必须开始推广自己的企业,建设一个企业网站已经是每个企业的标配了。那么,在网站建立的初期,基本上都是以电脑端为主。然而在近几年里,手机等智能设备取得了很好的效应,同时…

    2022年7月3日
    0123
  • 正解网站页面设计应赋予可观性、可读性、美观性三大原则。

    为了让用户更容易获取信息,网页布局设计需要使图片和文本相互配合,让视觉图片营造一种氛围,优先将一般信息和感觉传递给用户,而文本则提供详细准确的内容,以确保信息准确无误。可用。文本也需要尽可能容易理解…

    2023年2月17日
    015
  • 用一个公式,从3个方面教你搞定场景化设计。

    之前我们讲了用户画像,让大家可以通过构建用户画像,去深入了解用户的行为、态度、痛点和需求。(构建用户画像本身并不是目的,而是手段,用户画像可以让大家把前期的用户研究和洞察可视化,为之后的产品设计提供…

    2023年3月2日 SEO操作
    02

联系我们

QQ:951076433

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