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

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

主要的特徵如下:

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

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

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

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

(0)
上一篇 2022年6月25日 23:48
下一篇 2022年6月25日 23:48

相关推荐

联系我们

QQ:951076433

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