Question

html文字随屏幕大小变化的处理

html页面中放一张图片，然后在图片上某一个区域内放文字，当屏幕变小时（手机屏幕），文字就不在这个区域内了，有没有什么好的处理方法

Answer 1

link加上bootstrap
图片可以做背景<div style="background:url(img/XXX.jpg) center center no-repeat;background-size:100% 100%;">
在里面写<div class="col-md-12 col-sm-12 hidden-xs"><h1>XXX</h1></div>这个意思是在中等屏幕和小屏幕文字占100%，在超小屏幕隐藏，也可以改成hidden-sm，在小屏幕隐藏。

Answer 2

这是因为这个div没设置width吧这个位置的东西一般向右浮动，你这个左边怎么还有div有宽度？

追问

屏幕变小时，图片的宽度就变小了，但字的大小好像没怎么变，如果宽度设置固定的话，一旦满足不了字的宽度，就会换行。向右向左浮动，都还要设置左右边距，屏幕变化时，这个左右边距的变化和图片的大小变化不一致