响应式网站设计的9项基本原则-网站建设-威海志成网络公司-提供威海网站_微信小程序_网络推广等网络营销解决方案!
当前位置:首页>>解决方案>>网站建设

响应式网站设计的9项基本原则

发表日期:2023-07-20 09:42:35文章编辑:超级管理员浏览次数:136 标签:

  响应式设计Vs自适应网页设计

  看似相同实则不然。这两种设计方式彼此相辅相成,所以说也没有对错之分。具体情况要依内容而定。


  内容流

  随着屏幕尺寸越来越小,内容所占的垂直空间也越来越多,也就是说,内容会向下方延伸,这就叫做内容流。如果你习惯了使用像素和点进行设计,可能会觉得这个有点难掌握。不过没关系,习惯了就很好理解了。

  最大和最小值

  有时候内容占满整个屏幕宽度(例如在移动设备上)是好事,但如果相同的内容在电视屏幕上也撑得满满的,貌似就不太合理了。这就是为什么要有最大/最小值。例如,如果宽度为100%,最大宽度1000px,那么内容就会以不超过1000px的宽度填充屏幕。

  套对象

  还记得相对位置吗?如果一大堆要素彼此都紧密联系,那么必将难以控制。因此,将要素放置到容器中就会让它们变得更加好理解,并且简洁明快。这种情况就需要用到像素之类的静态单位了。静态单位对于logo和按钮等不需要扩展的内容来说非常有用。

  相对单位

  你的设计对象可能是台式桌面,也可能是移动端屏幕或者介于两者之间的任意屏幕类型。像素密度也会彼此不同,所以我们需要使用灵活可变,并且能够适应各种情况的单位。那么在这种情况下,百分比等相对单位就派上用场了。使用百分比时,我们说宽度50%就是表示宽度占屏幕大小(或者叫视区,也就是指所打开浏览器窗口的大小)的一半。

  断点

  断点可以让页面布局在预设的点进行变形,也就是说,在台式桌面上显示3栏,在移动设备上仅显示1栏。大多数CSS属性都可以实现断点之间的变形。断点放置的位置通常取决于内容。比如,如果一句话要换行,你可能就需要加上断点。但断点使用时需要谨慎——如果搞不清内容之间的逻辑关系,很容易弄的一团乱。


文章整理:威海网络建设  https://www.zccn.cc


相关新闻

双十一提前准备,微信小程序获客爆单指南

每年的双十一,各个电商平台都使出了浑身解数,只有你想不到的,没有商家爸爸想不到的方法。今年的双十一活动已经默默敲响,但与过去不同的是,今年受到大环境的影响,商家纷纷做起了私域流量带货,利用微信小程序获客营销,希望能够在双十一期间绝地反击,为年初的影响好好「回血」。电商零售裂变拉新分销裂变...

日期:2023-10-19 浏览次数:147

小程序常见的4个引流方法

一、威海小程序通过关键词引流。当用户需要一个小程序时,他们会习惯性地在微信上搜索,与用户搜索词相关的小程序会优先显示给用户。因此,企业在确定小程序名称时,可以选择用户经常搜索的关键词,这样用户就可以搜索到企业的小程序。而且小程序越早开通,排名就越高,所以企业注册开发小程序要趁早。二、使用...

日期:2023-10-19 浏览次数:150

志成微信小程序做商城有哪些优势?

1、你的客户在用微信首先微信的基础用户决定了这个属性,不仅仅是客户,包括几乎所有的商家在内,大家都在使用微信。有了这个基础,那么对于一般商家头痛的流量和资源问题就解决了,基数一大,商家分到的资源流量自然不少。2、入口多目前已用50多入口支持小程序,如搜一搜,公众号、附近小程序、支付入口、二维码等。这些入...

日期:2023-10-11 浏览次数:130

小程序商城:积分什么时候才会到账?

在威海小程序中可以设置消费赠送积分。那么,是不是用户下单付款之后,就能获得积分呢?如果用户退货退款,积分会不会返还呢?这是许多小伙伴的疑问,因此在这里统一回复:第一,积分必须是用户确认收货并且订单已经超过售后时间才会发放到用户的账户上;第二,超过售后时间之后,该订单就不能申请退换货了,也就不存在返还...

日期:2023-10-11 浏览次数:184

威海小程序提审,要求开通地理位置接口?

当前提审小程序代码包中地址位置接口暂未开通,建议完成接口开通后或移除接口相关内容后再进行后续版本提审。遇到这样的情况,不要紧张,这是微信的新调整。你只需要登录微信小程序后台,开通相关地理位置接口接口。下图中,四个接口,都需要开通:文章整理:威海小程序 https://www.zccn.cc...

日期:2023-09-21 浏览次数:149

威海小程序上展示视频需要哪些许可证?

在线视频课程适用于教育行业,提供网课、在线培训、讲座等教育类视频/直播等服务。以下许可证五选一:《事业单位法人证书》(适用公立学校);区、县级教育部门颁发的《民办学校办学许可证》(适用培训机构);《信息网络传播视频节目许可证》全国校外教育培训监管与服务综合平台备案教育部门的批准文件其他视频适用于提供视...

日期:2023-09-21 浏览次数:150