手机浏览器两边有空白,我的手机浏览器打开后空白了

首页 > 实用技巧 > 作者:YD1662024-01-25 15:49:58

手机网页制作是相对于传统的电脑端网页而言的,二者在设计和使用上并没有太多的不同,主要是针对用户浏览界面的大小而量身订制的网页。电脑端显示器比较大,现在普及22英寸的显示器了,主流网页主体宽度一般不能少于1200像素,如果网页的主体宽度过窄会造成浏览器两边空白过多,严重影响用户视觉体验。而手机网站页面需要考虑不同尺寸的手机显示器的问题,一般可以按照自适应的方式来解决。移动端与电脑的最大不同是显示尺寸的问题,可以用布局单位像素和%来解决。

手机浏览器两边有空白,我的手机浏览器打开后空白了(1)

手机浏览器两边有空白,我的手机浏览器打开后空白了(2)

怎样做手机端网页才能确保专业、简洁、大气呢?

  1、考虑使用网站二级域名

  许多情况下手机的网站域名和PC端用的是同一个。过去往往为了图方便使用目录做为移动端页面的展示,域名和电脑端是同一个。这样的不利因素是一旦移动端网页被收录后用户在电脑上访问会展示手机浏览的效果,这样有可以会造成图片拉伸和变形。建议移动端使用二级域名。


  2、合理应用HTML5 CCS3

  H5页面与传统页面最大的不同是交互和特效,这也是各大浏览器淘汰flash的主要原因。合理使用特效有利于提升网站用户体验,过多使用一方面会让设计实现变得的复杂,另一方面加大了网页加载的压力,所以说合理应用最重要,网页要炫更要快。

  3、改变以往的设计习惯

  过去我们做电脑端网页的时候要考虑主体网页的宽度,一般不超过1200px,它的单位是像素,还要考虑网页两边空间的视觉效果问题。移动端网页的设计与电脑端略有不同,设计单位使用百分比%,这样就可以兼容不同手机屏幕尺寸,不必考虑网页两边留白的问题。只要设计符合www规则,无非就是从大视野变成了不视角的问题。

  4、要考虑手机网页加载快慢的问题

  在设计方案手机版网站时,尽量避免的应用弹出窗口、flash、大文件等 ,载入这一类程序流程通常会较为用时耗总流量。主流浏览器已不再支持Flash了,所以尽量避免swf文件的调用。虽然现在5G时代了,但也要考虑网站的带宽问题,你手机流量和速度可能会很好,网站使用过多资源而服务器对外带宽又不高照样会影响网页打开速度。

  5、重视不同手机效果调试

  手机wap网站开发完成后尽可能使用不同品牌、不同屏幕尺寸、不同手机系统的移动端进行调试与检验,例如:安卓系统下的网页效果与苹果ios系统是不一样的,个别网页属性不见得都能兼容,所以说要多看多对比,发现问题及时处理,做到不同环境下的视觉效果统一性。

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.