移动端网页设计有哪些应避免的失误?
发布网友
发布时间：2022-04-20 13:40
共2个回答
懂视网
时间：2022-04-06 17:01
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用Dreamweaver的验证功能检查一下有无错误。
2. 检查CSS是否正确
检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。
3. 确定错误发生的位置
假如错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。
4. 利用border属性确定出错元素的布局特性
使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界，错误原因即水落石出。
5. float元素的父元素不能指定clear属性
MacIE下假如对float的元素的父元素使用clear属性，四周的float元素布局就会混乱。这是MacIE的闻名的bug，倘若不知道就会走弯路。
6. 注意float元素务必指定width属性
很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何，一定要为其指定width属性。
另外指定元素时尽量使用em而不是px做单位。
7. 注意float元素不能指定margin和padding等属性
IE在显示指定了margin和padding的float元素时有bug。因此不要对float元素指定margin和padding属性（可以在float元素内部嵌套一个div来设置margin和padding）。也可以使用hack方法为IE指定非凡的值。
8. 确保float元素的宽度之和要小于100%
假如float元素的宽度之和正好是100%，某些古老的浏览器将不能正常显示。因此请保证宽度之和小于99%。
9. 检查是否重设了默认的样式
某些属性如margin、padding等，不同浏览器会有不同的解释。因此最好在开发前首先将全体的margin、padding设置为0、列表样式设置为none等。
10. 检查是否忘记了写DTD
假如无论怎样调整不同浏览器显示结果还是不一样，那么可以检查一下页面开头是不是忘了写下面这行DTD：
< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TransITional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
热心网友
时间：2022-04-06 14:09
1、为移动设备创建单独URL
为移动设备创建单独的URL(统一资源定位器)，可能会让访问者面临重定向问题，且会让服务器无法识别浏览器是属于PC还是智能电话设备，可以说是在移动端设计中的最大失误，应避免创建单独的URL。
2、网页加载缓慢
网页加载缓慢会使访问者在等待过程中无法获取必要信息或喜欢的图像，从而失去耐心离开网站。因而网页要想快速加载，留住用户的话，开发者可以利用Google Analytics Plugin和Page Speed Online等工具。
3、在页面上提供过多信息
移动端网页设计若页面信息过多且过于繁杂，可能会减少页面的可读性。因为访问者浏览网页是为了寻找信息，可信息过于复杂，一时半会找不到，会丧失对访问者的吸引力，因而应避免在网页提供过多信息。
4、没有充分利用css、图像和矢量图形
利用css、图像和矢量图形等资源可以让网页既具有动态性又具有图形功能，让网页具有更好的代表性和交互性，因而应充分利用css、图像和矢量图形等资源。
5、不恰当的交叉链接
网页上不恰当、不合适、不相关的交叉链接既会破坏页面，又会失去访问者对网页的好感度，因而应避免移动端网页设计时网页上不恰当的交叉链接。
6、强调设备而不是屏幕
移动端网页设计时应基于移动设备的屏幕来进行设计，如微型屏幕、小屏幕、中等屏幕、大屏幕、特大屏幕等，因而在设计时应避免只关注移动设备本身，而不关注移动设备屏幕大小。
7、在小型移动显示屏中填写长表格
在小型移动显示屏中让访问者填写长表格来留下联系方式来生成业务销售线索，可能会让访问者觉得信息填写不够安全，甚至会造成负面影响，失去访问者的信赖度，因而应避免访问者在小型移动显示屏中填写长表格。
关于移动端网页设计有哪些应避免的失误，环球青藤小编就和您分享到这里了。如果您对影视后期有浓厚的兴趣，希望这篇文章可以为您提供帮助。如果您还想了解更多关于摄像技巧、后期剪辑的方法及素材等内容，可以点击本站的其他文章进行学习。
