现在的人们越来越注重大规格、全面屏等各种互联网时代的词汇,而对于视口宽度的适配就显得尤为重要了。在页面设计中,兼顾不同设备的配合尺寸,必须坚持闭环思维的方式,采用相对百分比作为布局的单位,不固定元素宽度及高度,保证页面同比例缩放,才能更好的适应不同尺寸的设备,实现真正的配合尺寸。
另外,还应在CSS中设置不同的媒体查询,根据设备不同的尺寸,改变元素的排版布局和字体大小等属性。值得注意的是,在移动端适配时还需谨慎对待分辨率而非屏幕尺寸,因为很多手机屏幕虽然尺寸相同,但分辨率却不一定一样。
相信随着对于配合尺寸的逐渐熟练,很快就能在自己的网站设计与制作过程中轻松地达到优秀的效果。