手机建站的一些注意事项有哪些?其实不多就 4 个重要的知识点,了解一下,在后面的 Elementor 网站建设中,奖如履平地。

  一、所有容器均使用自适应宽高

  由于手机萤幕尺寸的多样化,在不同尺寸的手机萤幕上浏览同一个网页,网站元素展示的大小也是不同的。随著萤幕尺寸的越小,高度展示比例,应以自适应的方式增加容易的高度,否则会盖住下面的元素,造成网站 Elementor 布局错乱。
 

  二、网站设定断点功能,自适应不同萤幕大小手机

  传统网站 CSS 样式,都支援断点的功能,但在 PC 端 Elementor 网站建设中,基本不会使用该功能,因为大多网站都是居中显示,再者断点功能如运营不合理,极易出现网站 Elementor 布局混乱的现象。想使用断点功能 Elementor 布局网站,需对网站元素有深入的了解,找准需要做断点的地方,经过不同大小手机反复测试,除错没问题之后才能用于正常使用中。

  三、学会使用网站最大值与最小值

  网站最大值与最小值的设定,在移动 Elementor 网站建设中是非常重要的,设定好最大值,可以在不同萤幕大小的手机中,使网站可以 100% 全屏显示。最大宽度的意思是,当设定网站最大宽度为 460PX 的时候,网站其他元素如果超出这个宽度,则都按 460PX 为最大宽度,自动调整网站尺寸,从而达到预期全屏的目的。

  四、向量图与点阵图的选择

  向量图可以随便进行放大缩小,且不会产生失真的情况,在一个色彩不复杂的图片下,向量图的大小要比点阵图小很多,不过复杂色彩,有可能会高出很多。普通图片我们完全可以使用点阵图格式,JPG 、 GIF 、 PNG 格式,且这类格式图片。如 WordPress 企业网站中的产品图片,荣誉资质,客户不会提供给我们向量图的格式,且这类图片色彩复杂,使用点阵图也是比较好的选择。如列表的小图示,板块的小标志都可以选择使用向量图,也可以使用 SVG 或图示字型。