一直都没有问出个结果来，希望各位能帮帮忙，给点好方法，谢谢

刚刚尝试了一下，写了个半成品，感觉能够实现 给你个思路，不保证完全符合你的要求哈使用两个层显示标尺左侧一个10px宽度,同页面高度的层;顶端一个10px高度，宽度=页面宽度-10px的层 左侧层margin-left设置2px,margin-top 2px;设置border-left 1px ,border-top 1px;顶端层类似设置，主要是模拟标尺左侧和顶端的那条黑线 当然不要忘记设置overflow:hidden以左侧的层（纵向标尺）为例，使用"_"作为刻度（当然可以替换成图片了）
一个刻度就是一个<p>_</p>
在css中写一个p标签的默认样式，主要是调整p的margin-top，使每个<p>标签之间的距离小一点 这样就有一个默认标尺了
按照需要使用javascript调整p标签的样式中的marginTop，使p间距变大或变小，实现标尺的比例变化。很不好意思你的问题我就看明白了要实现一个变化比例的标尺。。-_-不过这个思路感觉对于你的需求是可行的。至于刻度要显示多少个，还有标尺和页面等高的问题，应该都能解决吧：）