移动端网站测试用例实例：适配不同尺寸屏幕

移动端网站测试用例实例:适配不一样尺寸屏幕

作为网站设计者,很多公司的网站为了受众更加好地阅读,会使用不一样尺寸的适配。适配方式有两种:一个是用自适应适配,一个是固定的响应式适配。那么公司应该怎样设计网站呢?

本网站可看到的一个状态就是适配到不一样的屏幕,在不一样大小屏幕上进行测试,以保证不一样的手机屏幕可以自动适应不一样大小的屏幕。

本网站的做法与桌面版网站类似,需要针对不一样大小屏幕进行测试,以保证不一样屏幕对受众体验有所影响。

例如PC适配手机、移动适配手机、适配手机这三种类型。

本网站测试采用适配不一样尺寸的平板电脑进行测试,此次测试要支持40*40、适配不一样尺寸的手机,并且提供屏幕尺寸适配限制。测试结果可根据不一样分辨率的手机进行测试。

那么,受众在PC上用的是哪种类型的屏幕呢?以下是以8mm超大宽度的iPhone为例。

当然你也许会发现,有的公司为了显示公司的重点形象,会做了很多类似于iPad的平板电脑,但这在国内没什么大问题,而在国外就没有多大问题了。

而适配页面适配这一个选项,可自由选择,并且该阅读器还支持两种尺寸的网页,例如,受众访问iPad平板电脑的时候,打开的页面,就会改变版本,让受众在PC上看起来是一样的。

从案例中我们也可看出,HTML5网站一般都采用HTML5做的适配,当然,基于谷歌推出的Mobile、Chrome等插件,还有Google+阅读器的支持。

虽然HTML5是个有技术门槛的做法,但如果没有经验的,我们也可理解。

这里也提一下,我们完全可以做的完全有差别的一个问题,适配不一样的平板电脑,这一个选项可是电脑、平板、手机、安卓、Apple+这些不一样尺寸。

当然,如果你也有其他功能选择不一样,那就不是同样的方案了,这里要留意。

让我想拟一个关键点,每一个人对于电脑都会有一些缺陷,特别是一些字母的变形,当有一定功能时,就要去补回这些缺陷。

毕竟HTML5所提供的技术门槛非常低,对一些中国式的受众来说,特别是外行人可能没有什么经验,没有多少经验。

更需留意的是,上述两点是在其他语言基础上,在某些场景下却可以完全适用的。

二、提高技术门槛

我们都明白,技术门槛是个门槛,我们看不懂,但是我们只要给程序员开放了这一个门槛,就算程序员不认可我们,也可应用到我们的日常工作当中。