做手机网站时对于这些难点不得不防
移动互联网的发展带动了企业对于手机网站的需求,一些已经做了电脑网站的企业会考虑弥补移动网站的空缺,开始要筹备要做一个企业手机网站,进军移动互联网,与电脑网站不同的是,手机网站主要针对的是手机、平板等移动设备,虽然也可以用电脑访问,但是会界面会变得非常的窄。做手机网站的方式也与电脑网站有所区别,会有一些难点需要企业去克服,如果不能合理的解决,那么对网站的品质将会造成影响,不得不防,那么企业做手机网站通常会有哪些难点呢?
一、关于手机网站在显示方面的难题,由于显示设备的限制,所以移动设备就不可能像电脑显示器那样能够显示大面积的内容,而是需要将其浓缩到窄窄的屏幕上,做网站时对于一些常用的参数,比如固定的长宽比是不适合用在手机网站上的,手机上要以相对的宽度来定义,比如将宽度设置为百分比数值等方式,比如或者是将网站的外层设置填充或边距后让内层的块自适应伸展等方式,都可以达到相对宽度的效果,在做手机网站时将页面元素的宽度设置为80%,那么根据宽度限制,不管是在电脑上还是在手机与其它移动设备上,该元素都将只占据屏幕的80%区域,不论屏幕的大小如何变化,所显示的区域比例仍然不会变,但是元素内的内容将会随着屏幕的大小而放大或是缩小,同一张图片在电脑上浏览会比较大,而到了手机等移动设备上则会等比例缩小至相应大小。
二、显示方面在布局时,由于屏幕大小的原因,手机网站往往会把图片设置为一排两个或是一排一个,每个图片的宽度为48%,剩下的4%就留做图片之间的间距了,如此一来我们就可以在手机上看到一排两个的图片了,但也有特殊情况,比如有些用户在浏览网站时喜欢把屏幕横过来放置,以此来达到宽屏的浏览效果,并且如果是使用平板电脑那样稍微大一点的屏幕浏览网站时则分辨率宽度可以直追电脑屏幕,所以再用50%来显示图片就显得有些不协调,在横屏的情况下如果还是显示两张图片,一张占一半的话那么图片就会显得异常的大,而做手机网站要做的就是要将其显示为3张图片或是4张图片,但是如何去切换呢?
三、这就需要用到一些响应式网站的规则了,因为移动设备的屏幕有大有小,不可能只用一种显示标准去做网站,否则就会在有些设备上出现显示不兼容的情况,对于这方面不得不防。通过响应式的一些规则,做网站公司为网站中每个分辨率需要切换的元素写入多套样式与方案,从而使这些元素在页面的分辨率发生改变时,能够及时的进行样式的调整,正如前面所说的,通过切换到相应分辨率的样式,使图片的显示个数变为三张或是四张,通过解决手机网站图片显示的难点,使网站整体图片显示趋于合理。
扫码访问手机页面