多语言Web系统布局的几个小帖士

  • 基于窗体的整体大小使用级联样式表表达式调整元素的大小。

例如:<!-- 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)