Question

手机上浏览网页；我设置的div里文字左对齐，为何会导致div右边空白没有文字；代码如下；

div里面放的是文字。设置的是左对齐，电脑上正常，可为什么在手机上就都跑到了左边，导致div右边是空白的,请问该怎么解决？求大神指点，谢谢；
代码如下：
<div style="width:740px; position:relative; font-family:"宋体"; font-size:14px; margin-top:10px; text-indent:2em;text-align:left;">
<p>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字字文字文字文字文字文字文字文字文字文字文字文字文字文字文字字文字文字文字文字文字文字文字文字文字文字文字文字文字文字字文字文字文字文字文字文字文字文字文字文字文字文字文字文字字文字文字文字文字文字文字文字文字文字文字文字文字文字文字字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
</div

Answer 1

你的div宽度固定死了;width:740px; 手机上就会按照你的宽度来。手机的屏幕比电脑的屏幕小很多，所以你的文字在左边，右边就空了很大一部分。如果要想设置手机和电脑的效果相同，应该在宽度或者高度设置百分比，例如：width：70%，在调节margin或者padding定位。

追问

我知道，但公司要的就是宽740px；因为这样手机上才会整体缩放，需要时再放大；如果设置为百分比，就不是领导要求的效果了，还有其他css或js可以解决吗？

追答

用百分比一样能够达到740px一样的效果，除了用百分比，其他方法我就不知道了。你试试百分比的效果，多调几次数值就能达到同样的效果，祝你好运！你把图贴一下吧。

Answer 2

因为你的宽是固定的，把宽改成100%，手机页面跟电脑上是不一样的。。。。

Answer 3

你CSS写错了 电脑上没有读取到，到了手机上就出现问题了。
text-indent:2em;这个属性去掉就可以了

追问

哥，text-indent:2em;是指段落缩进2em，这个写法无论手机或电脑都是通用，我已经测试过了，谢谢，你没明白，我是问为何在手机上会全部缩到左边，导致div右边空白