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

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

主要的特徵如下:

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

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

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

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

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

相关推荐

  • 如何让卡片设计变得更有颜值?  

      图片 卡片形式的介面制作,图片是其中的重度用户!也就是说卡片非常擅长去展示图片这一元素。合理地展示图片能够很好地突出介面的质感,因此要注重图片自身的品质。 阴影、渐变 让卡片不仅仅扁平化,也可以…

    2022年6月25日
    0137
  • 小编教你利用访客分析来进行网页设计。

    许多企业利用网页设计来确定其网站的总体流量和访客数量,这些数据不仅对判断网站的成功至关重要,而且对于规划设计也至关重要,网页设计如何分析访客流量。数据驱动的网站设计结构,布局和功能的过程,分析可以指…

    2023年6月16日
    01
  • 网站设计最常见的失败案例

    创建一个赏心悦目和高转换网站设计并不是一件容易的事。设计人员经常发现自己出现一些很简单的错误,但并没有理会它们。殊不知这些错误都对网站的效率产生巨大的影响。这里有8个最常见最“持久”的设计失败案例,希望…

    2019年10月23日
    0705
  • 网页设计案例鉴赏:如何设计出潮爆的视差滚动网页

    要想网站看起来很Cool,很Chock,你可能需要添加很多设计效果和技巧。其实,视差滚动效果同样能制作出这种效果的网站。不信?Inspirr Creation就为你整理一些视差滚动的网页设计,相信你看完之後同样能制作出创意满…

    2022年6月25日 建站资讯
    0169
  • 出色的页面交互有哪些特点

    其实页面制作当中的交互流程,是一个比较大的范畴。交互流程其实也包括着视觉和实在操作部分,而不仅仅是实在操作部分。所见即所得,用户无需太多的学习成本即可使用,就是视觉部分的交互设计应该努力实现的。 那什…

    2022年6月25日
    0184
  • 忧愁风格?试试这三种网页设计趋势  

      一、半扁平化设计 过去纯粹的扁平化设计几乎是网页设计的整体趋势,但近来由於具体化设计的影响,近来的网页设计将会变得比较趋向於立体化。这种转变主要体现光与阴影在网页设计当中的应用,也就是所谓半扁…

    2022年6月25日
    0115
  • 极简主义网站怎麽设计?分享极简主义网页设计作品集网站

    网页设计流行趋势总会在比较长的时间段上发挥作用,就好似一直比较热门的极简设计风格,似乎目前还没有其他流行的网页设计趋势或网页风格可以将其替代。不过,好在设计师经常会增加一些合理的想法和独特元素,塑造…

    2022年6月25日 建站资讯
    0227
  • 小编分享化妆品网页设计教程。

    在当今的数字化时代,网页设计已经成为了企业和个人展示自己的重要方式,无论是简单的网页设计模板还是复杂的化妆品网页设计模板,都需要设计师们精心制作,以吸引用户的注意力并传达出正确的信息。 我们来看看简单…

    2024年6月28日
    00

联系我们

QQ:951076433

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