多语言Web系统布局的几个小帖士
2006-02-28 14:50
204 查看
基于窗体的整体大小使用级联样式表表达式调整元素的大小。
例如:<!-- A div element sized to take up half the width and height of the form. -->
<div style=' height: expression(document.body.clientHeight / 2);width: expression(document.body.clientWidth / 2); '>
文本在被翻译为其他语言后可能会扩展。一个很好的经验是为短字符串(少于 10 个字符)留出 300% 的增长空间,为中等长度的字符串(10-20 个字符)留出 200% 的增长空间,为大型字符串(超过 20 个字符)留出 100% 的增长空间。
在尽可能不设定按钮大小。如果必须一组按钮有相同大小。应在一个地方为全组按钮设置此大小。避免使用可能需要更改的内联级联样式表值。
将多语言可能需要更改的所有级联样式表值保留在样式表中,而非内联。这包括设置页面字体。
例如:<!-- A div element sized to take up half the width and height of the form. -->
<div style=' height: expression(document.body.clientHeight / 2);width: expression(document.body.clientWidth / 2); '>
文本在被翻译为其他语言后可能会扩展。一个很好的经验是为短字符串(少于 10 个字符)留出 300% 的增长空间,为中等长度的字符串(10-20 个字符)留出 200% 的增长空间,为大型字符串(超过 20 个字符)留出 100% 的增长空间。
在尽可能不设定按钮大小。如果必须一组按钮有相同大小。应在一个地方为全组按钮设置此大小。避免使用可能需要更改的内联级联样式表值。
将多语言可能需要更改的所有级联样式表值保留在样式表中,而非内联。这包括设置页面字体。
相关文章推荐
- 基于WEB系统的多语言支持--ASP国际化多语言详细方案
- 多语言界面 Web 站点的几个 Tip (续)
- C语言系统开发的几个小经验总结
- 基于WEB系统的多语言支持--ASP国际化多语言详细方案
- 多语言界面 Web 站点的几个 Tip
- Go语言的几个Web开发框架
- 介绍几个基于动态语言的快速Web开发框架
- 桌面系统(web前端)jQuery制作Web桌面系统界面类似WebQQ桌面布局
- 良好Web系统架构的几个因素
- C语言显示系统时间的几个办法
- WEB系统支持多语言的解决方案
- web系统多语言切换(中文,英文,日文)
- C语言显示系统时间的几个办法
- RHEL7及CentOS7的语言、字符编码、键盘映射、X11布局设置(localectl)-系统管理(1)
- golang实战使用gin+xorm搭建go语言web框架restgo详解3 系统常用配置参数
- 【Web】Bootstrap栅格布局系统设计原理
- SOA 新业务语言 新系统架构——SOA与Web 2.0
- 多语言界面 Web 站点的几个 Tip
- 办法:多语言版本Web系统中对应多种字体(Font Family)。
- 用gnuplot+web语言制作自己的系统监控平台