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

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

主要的特徵如下:

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

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

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

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

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

相关推荐

  • 我来分享天津网页设计:营销型网站的核心要素。

         营销型网站是随着互联网的发展而出现的,它顺应了时代的潮流,也符合了人们的生活和工作需要,为人们节省了大量的时间、给他们带来了实质性的方便快捷。那么,营销型天津网页设计的核心要素是什么呢?     一、…

    2023年6月16日
    015
  • 零基础也能学!网站设计配色4个方法

      色相一致的配色 所谓的色相一致,其实指的是在页面设计当中所使用的配色应该相同或者相近。这种方式能够让使用者感觉安心,视觉效果比较安全。但也可以合理地加入一些别的颜色,但为了整体上保证色相的统一…

    2022年6月25日
    0182
  • B端功能入口如何设计?归纳B端常见的功能入口设计。

    一、功能入口概述不论是在设计中还是生活中,入口对于我们来说都很重要。比如当你需要进入到一个空间时,你需要知道门的位置并清楚如何打开它。比如下图中左侧的门就非常明显,而右侧的门则需要仔细辨认了。还有的…

    2023年3月7日 SEO操作
    00
  • 网页设计排版布局技巧有哪些?分享布局排版好看的网页设计

    虽然网页超过95%以上的信息都是通过文字的形式呈现,但页面文字也非毫无章法地随意摆放。Inspirr Creation表示,网站更具可读性的视觉效果和独特的排版和布局,更容易吸引用户,提升网站的用户体验。下面,Inspirr …

    2022年6月25日 建站资讯
    0257
  • 成功的网页设计要素:导航

    一个成功的网页设计一定是内容,设计,兼容性这3点完美结合的结果。你必须考虑用户体验,配色方案,文字内容,当然还有网站是否在手机上运行良好。 在线下宣传力度有限的情况下,网络是你推广产品或服务的最好手段…

    2019年8月19日
    0268
  • 两个tips让轮播图变得可爱  

      1、轮播图需充分融入到页面内容中 轮播图当中的信息内容与元素,必须和整个页面设计充分融入到一起,这样才能够让用户注意并且点击浏览它们。因此,建议使用与整站相符的风格、字体、色彩等。 2、慎用自动切…

    2022年6月25日
    0105
  • 网页设计主要分为哪些类型?

    网页设计工作需要根据不同类型进行全面策划,这样才会保证网页设计过程更顺利,还会让其设计效果更加精美,这对凸显企业品牌知名度会有很好帮助,还能提高企业品牌在互联网环境中的整体形象,所以需要合理的区分网…

    2019年9月18日
    0603
  • 网站地图(sitemap)的作用

    网站地图(sitemap)可方便网站管理员通知搜索引擎他们网站上有哪些可供抓取的网页。最简单的Sitemap形式,就是XML 文件,在其中列出网站中的网址以及关於每个网址的其他元数据(上次更新的时间、更改的频率以及相…

    2016年5月22日
    0124

联系我们

QQ:951076433

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