webview 中使用css适配简单的页面

在加载webview时遇到表情（字母和数字）超出一行但是却不换行的情况，用word-wrap:break-word;解决

1.                       "<style type=\"text/css\"> img {" +  
2.                       "width:100%;" +//限定图片宽度填充屏幕  
3.                       "height:auto;" +//限定图片高度自动  
4.                       "}" +  
5.                       "body {" +  
6.                       "margin-right:15px;" +//限定网页中的文字右边距为15px(可根据实际需要进行行管屏幕适配操作)  
7.                       "margin-left:15px;" +//限定网页中的文字左边距为15px(可根据实际需要进行行管屏幕适配操作)  
8.                       "margin-top:15px;" +//限定网页中的文字上边距为15px(可根据实际需要进行行管屏幕适配操作)  
9.                       "font-size:40px;" +//限定网页中文字的大小为40px,请务必根据各种屏幕分辨率进行适配更改  
10.                        //允许自动换行(汉字网页应该不需要这一属性,这个用来强制英文单词换行,类似于word/wps中的西文换行) 
    
11.                       "word-wrap:break-word;"+
12.                       "}" +  
13.                       "</style>";  

遇到这个换行这个问题是在安卓6.0以上的版本才有，机型有限，在OPPO和魅族上有这个问题

可以参考  http://blog.csdn.net/SoulOfAndroid/article/details/47701805