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

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

主要的特徵如下:

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

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

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

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

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

相关推荐

  • 图示设计合格与否看四个方面

      图元对齐 这是最基础的图示设计要点,但是很多设计师尤其是熟练之後,往往就容易疏忽大意。导致的结果固然是图形图像发虚,品质不稳定。 多用布耳运算 也就是在进行图示设计的时候,能用基本图形进行布耳运…

    2022年6月25日
    0129
  • 今日分享高端网站设计注意事项。

    1. 用户体验优先,2. 响应式设计,3. 简洁明了的导航,4. 高质量的视觉元素,5. SEO优化,6. 安全性考虑,7. 加载速度优化,8. 兼容性测试,9. 易于维护和更新,10. 品牌一致性 (图片来源网络,侵删) 在设计高端…

    2024年7月1日
    02
  • 分享香港网页设计需要多久跟这些因素有关。

        客户每次咨询我们,问的非常多的是问题是“做一个网站需要多少钱?”,“香港网页设计需要多久?”,今天我们主要讨论第二个问题。其实做一个网站需要多久,这个跟网站项目类型、语言版本、终端版本、网站的栏目功…

    2023年6月16日
    03
  • 分享网页设计中利于SEO优化的4个设计技巧。

    在设计或构建网站时,重要的是要有良好的seo做法,并相应地组织网页。这将帮助您的网站排名更高,并帮助用户轻松找到信息。“漂亮”的网站不一定等于有利可图或高转化率的网站。如何设计您的网站,使其利于seo优化呢…

    2023年6月16日
    03
  • 从日本设计作品案例说说,为什麽日本版式设计值得我们学习

    上次小编介绍了非常有创意的韩国网页设计,同时也分享了极简主义代表日本设计大师原研哉优秀实例,近期我们就说说同样独具特色的日本版式设计。 传送门: 从韩国网页设计案例说说,为什麽韩国网页设计那麽强? 优秀…

    2022年6月23日 建站资讯
    0194
  • 网站页面制作应具备的三个条件

      没有死胡同 当使用者进入到空状态介面的时候,会认为整个交互的操作都是失败的,他们会产生疑惑,认为只有刷新或者退出才可以改变现状。这是降低用户体验的糟糕之处,这不仅仅会造成页面的混乱感和无效感,…

    2022年6月25日
    0132
  • 【新手必看】2022年网页设计趋势之动效篇

    品牌网页设计结合动效,有助於产生令人愉悦且直观的用户界面,还能直观地向用户传递讯息,给用户带来不一样的视觉感受和心理体验。本文将分享近期比较流行的动效设计趋势,品牌网站若能合理运用这些令人惊艳的动效…

    2022年6月20日 建站资讯
    0295
  • 如何建立手机网站。

    建立手机网站需要设计响应式布局,优化加载速度,适配不同设备,提供良好的用户体验。 (图片来源网络,侵删) 在当今的数字化时代,手机网站已经成为企业和个人展示自己的重要平台,无论是大型企业还是小型创业公…

    2024年7月1日
    03

联系我们

QQ:951076433

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