html5中关于文本缩放问题

上面是没缩放照片

这是缩放后的，这些文字我是放在一个盒子里面，然后将文字放入文本标记中，缩放之后文字排版重叠了怎么做成下面图的效果，更好的让文字排版更适应浏览器的大小

说了半天也不知道你要表达啥， 貌似意思是文字要和图片一起适配， 直接一个canvas 不就行了， 搞那么麻烦干哈， 实在不行一个ps 暴力突破