QQ在线咨询在线咨询帮做网络积累了丰富的项目经验,聚集了一批资深专业人才,售后服务一流,内业好评不断,是一家专业的网站建设服务商。微信:专业的网站建设服务商。微信:网站建设地图 | 城市分站

自适应网页设计问题-帮做网

时间:2019-03-25 08:19:20作者:网站建设工程师来源:帮做网络浏览量:0

导  读:每个浏览器的行为与支持的JS CSS方法不同。编写响应式网站必须使用各种浏览器进...
每个浏览器的行为与支持的JS  CSS方法不同。编写响应式网站必须使用各种浏览器进行测试,否则会出现意外情况。如果您不想使用太多浏览器,除了Chrome之外,至少应该使用Firefox,因为Firefox是符合HTML5标准的浏览器。
 
3.3不同的屏幕尺寸
 
这是一个基本问题。不同的屏幕尺寸会影响您的网页浏览模式。有时可以通过调整DIV宽度来解决。
 
还有按钮 等。如果可以,设计一个可以大或小的显示方法,否则你必须为不同的尺寸提供不同的网页设计。手机优先权是当今的主流,通过小屏幕设计,风格的设计往往可以获得更好的效果。
 
3.4操作模式和JS事件
 
手机上的触摸不适用于鼠标事件,而是定义了“触摸事件”,并且在手机上触发悬停事件并不容易。有些手机屏幕较小,难以进行精确点击。基于以上原因,在为手机用户设计响应式网页时,请务必注意按钮的大小不要太小,并且不要在网页上放置太多的悬停事件。如果对mousedown  mouseover和其他鼠标事件有用,则还必须注意另外定义了touchstart  touchmove事件。
 
3.5请勿使用插件功能,例如Flash
 
这里的插件是指除标准(HTML/CSS/JS)之外的Web插件,例如Flash,因为移动浏览器可能不支持这些难以跨平台的插件。现在Android预设为不使用Flash。 HTML5标准有许多更好的用途。 更高效的对象可以取代Flash。现在我们有更好的选择。使用大量插件来开发网页的时代已经过去。
 
3.6页面加载速度
 
事实上,这个问题不仅存在于响应式网站上,还存在于一般网站上。
 
使用了很多套件 自适应CSS文件,我们的网页往往非常大,特别是移动设备往往没有良好的网络环境,浏览网站可能会加载几秒甚至几分钟。尽量不加载不必要的CSS  JS,然后启用压缩,压缩空白和换行,并使用gzip压缩它们,这可以使整个网页达到20%或更少。

转载请注明出处:网站首页> 新闻动态 > 网站设计观点 > 自适应网页设计问题-帮做网