2 ykl2015 ykl2015 于 2016.03.14 16:52 提问

andriod webwiew 显示 html 自适应手机屏幕

图片说明
图片说明
图片说明

这是get_info_url()里面的内容:

 <p></p><p></p><p></p><p><img src="http://localhost:8888/test/includes/ueditor/php/../../../bdimages/upload1/20160314/1457922326352729.jpg" style="float:none;" title="描述2.jpg"/></p><p><img src="http://localhost:8888/test/includes/ueditor/php/../../../bdimages/upload1/20160314/1457922326752344.jpg" style="float:none;" title="描述3.jpg"/></p><p><img src="http://localhost:8888/test/includes/ueditor/php/../../../bdimages/upload1/20160314/1457922326936293.jpg" style="float:none;" title="描述4.jpg"/></p><p><br/></p>

这样写了以后,手机显示屏幕右边还是没有自适应

求大神指点!!!

7个回答

clq836935167
clq836935167   2016.03.14 17:28
已采纳

每个 img 加个 width="100%"

u011489205
u011489205   2016.03.14 19:05

看样子像是富文本
1.对于富文本一般采用提交服务器直接生成静态文件的方式保存到静态资源目录中,在保存之前需要有预处理函数,增加html完整DOM文档必要的头部,一般需要添加

富文本内容,页面上可以增加脚本对图片进行页面渲染前的预处理,比如调整宽高,一般富文本编辑器都是绝对的宽高。
  1. 图片最大宽度100%,避免浏览器拉伸。
  2. 整个富文本最好使用div包围。居中显示
bdmh
bdmh   Ds   Rxr 2016.03.14 16:55

这不是你去解决的,是页面设计人员去处理,交给网页前端开发

ykl2015
ykl2015   2016.03.14 16:58

但是我现在要解决这个问题啊?请教各位大神怎么解决???

bdmh
bdmh 你放弃吧,就不你可以处理的问题,这属于网页前端适配
2 年多之前 回复
danielinbiti
danielinbiti   Ds   Rxr 2016.03.14 17:03
ykl2015
ykl2015   2016.03.14 17:05

我是在webwiew里面加载的html!

clq836935167
clq836935167   2016.03.14 17:27


Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
移动页面HTML5自适应手机屏幕宽度
http://www.mamicode.com/info-detail-864013.html 标签: 网上关于这方面的文章有很多,重复的东西本文不再赘述,仅提供思路,并解释一些其他文章讲述模糊的地方。   1、使用meta标签,这也是普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统
HTML5 移动页面自适应手机屏幕四类方法
1、使用meta标签:viewport H5移动端页面自适应普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。   viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。 手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这
HTML5自适应手机屏幕
从网上学到的自适应代码,用于HighCharts报表 使用js进行自适应控制,代码如下:<script type="text/javascript"> var phoneWidth = parseInt(window.screen.width); var phoneScale = phoneWidth/640; var ua = navigator
手机端网页所有内容根据屏幕大小自适应(大小,位置)
手机端和PC端网页的百分百自适应
style_layout
andriod常用布局文件样式,让界面自适应手机屏幕
html图片自适应手机屏幕大小的css写法
代码如下: body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul { margin: 0; padding: 0 } body { min-width: 320px; font-family: 'm
网页自适应手机、电脑屏幕的设置方法
随着3G的普及,越来越多的人使用手机上网。 移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的
web实现电脑屏幕和手机屏幕适应
web实现电脑屏幕和手机屏幕适应
html5移动网页自适应手机屏幕的meta写法
1、移动网站要加的html5相关meta和标签     a、         网页宽度默认等于屏幕宽度(width=device-width),     初始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。     b、         c、         d、         e、           f、
图片自适应手机屏幕大小
后台编辑公告中包含图片在html里面插入图片,如果想让图片自适应屏幕的小而不是宽高固定不变可以在css代码里加入img { height: auto; width: auto\9; width:100%; }width:auto;是宽度自动的意思。\9是hack css 的一种写法,这种在正常css代码后面加&quot;\9&quot;的方式,只有IE浏览器才能识别,其他浏览器会忽略这条语句。这样就能做到差异化浏览器...