手机浏览器只显天正文字不显示原因图是什么原因

来源：蜘蛛抓取(WebSpider) 时间：2017-07-17 12:58 标签： 谷歌浏览器只显示文字
浏览器显示不出图片了怎么办？有的网页能显示，有的不能显示，好奇怪，如图:_百度宝宝知道经验7937 米
在线时间640 小时
版本7.7.20
机型小米手机5
签到次数187
MIUI版本7.7.20
浏览器看凤凰网图片时，有时不显示图片只显示文字
分享到微信朋友圈
打开微信，点击底部的“发现”，使用 “扫一扫” 即可将网页分享到我的朋友圈。
经验1706 米
在线时间36 小时
版本V8.2.3.0.MAHCNDL
机型小米MIX
签到次数58
MIUI版本V8.2.3.0.MAHCNDL
楼主是不是开启了省流模式呢？省流模式下会屏蔽掉部分图片
在线时间1 小时
版本JHFCNBC6.0
积分 60, 距离下一级还需 140 积分
积分 60, 距离下一级还需 140 积分
机型红米手机1S TD 3G版
MIUI版本JHFCNBC6.0
楼上分析很有道理
经验7937 米
在线时间640 小时
版本7.7.20
机型小米手机5
签到次数187
MIUI版本7.7.20
楼主是不是开启了省流模式呢？省流模式下会屏蔽掉部分图片
在wifi条件下看的，有时可以，有时不显示
经验1706 米
在线时间36 小时
版本V8.2.3.0.MAHCNDL
机型小米MIX
签到次数58
MIUI版本V8.2.3.0.MAHCNDL
在wifi条件下看的，有时可以，有时不显示
本来应该显示图片的位置，如果不显示会呈现什么状态呢？楼主是否有截图看看呢
经验2063 米
在线时间118 小时
版本6.1.28
MIUI V6 内测用户组
积分 2583, 距离下一级还需 2417 积分
积分 2583, 距离下一级还需 2417 积分
机型小米手机2/2S
签到次数45
MIUI版本6.1.28
不显示图片，那就是图片加载失败呗，图片处显示的文字是该图片的注释，也就是电脑上鼠标放在图片上所显示的文字。
经验2565 米
在线时间19 小时
版本7.4.27
积分 2714, 距离下一级还需 2286 积分
积分 2714, 距离下一级还需 2286 积分
机型小米手机5
签到次数124
MIUI版本7.4.27
通过手机发布
确实，不是流量的问题，是系统浏览器的问题
经验2565 米
在线时间19 小时
版本7.4.27
积分 2714, 距离下一级还需 2286 积分
积分 2714, 距离下一级还需 2286 积分
机型小米手机5
签到次数124
MIUI版本7.4.27
通过手机发布
一直没得到解决
APP 1000万
MIUI论坛APP注册用户突破1000万纪念勋章
小米5发布会
参加小米5发布会直播页大转盘抽奖获得
已关注微信
关注新浪微博
已关注新浪微博
已关注极客秀微信
关注腾讯微博
已关注腾讯微博
MIUI 9纪念勋章
“澎湃S1 ”芯片纪念勋章
参与活动回帖可得
Copyright (C) 2017 MIUI
京ICP备号 | 京公网安备34号 | 京ICP证110507号用16进制编码的字体图标在部分小米机型显示不正常。
测试机型：小米1，小米1s，小米2浏览器：微信6.1内置浏览器，QQ浏览器 5.7 X5内核字体图标：不显示svg图标：显示正常
以下来自额微信内置浏览器的截图，字体图标不显示。
内置浏览器，uc浏览器，正常显示，以下为内置浏览器截图。
如 Glyphicons 官网的字体图标就显示不正常，svg图标显示正常。
Glyphicons 官网：/
截图来自QQ浏览器（新版微信采用QQ浏览器内核）访问Glyphicons 官网，右侧杯子部分是SVG的图片，显示正常；右侧红色标签隔壁空白部分，一堆的iconfont图标都显示异常。
国内阿里Iconfont：/ & &官网采用SVG绘制正常显示，下载回来的demo显示不正常。
以下截图来自阿里Iconfont下载回来的demo。
&偶尔发现icomoon首页的图标采用了字体图标，但是能正常显示。icomoon官网地址：https://icomoon.io/
/* icomoon 的@font-face声明字体如下*/
@font-face {
font-family: 'icomoonio';
src: url("/icomoon.io/4/icomoonio/icomoonio.eot?bqv7mo");
src: url("/icomoon.io/4/icomoonio/icomoonio.eot?#iefixbqv7mo") format("embedded-opentype"),
url("/icomoon.io/4/icomoonio/icomoonio.svg?bqv7mo#icomoonio") format("svg"),
url("/icomoon.io/4/icomoonio/icomoonio.woff?bqv7mo") format("woff"),
url("/icomoon.io/4/icomoonio/icomoonio.ttf?bqv7mo") format("truetype");
font-weight: normal;
font-style: normal
/*定义使用iconfont的样式*/
.ff-icomoon {
font-family: 'icomoonio'
/*获取字体编码，应用于页面*/
[data-icon]:before {
font-family: 'icomoonio';
content: attr(data-icon);
/*获取标签的data-icon字体编码，与平常我们的方式不太一样*/
speak: none;
/*取消发音*/
line-height: 0
各种分析调试对比后发现，原来是加载顺序有问题。
移动端有问题的加载顺序：eto，woff，ttf，svg
//有兼容问题的字体图标加载顺序
@font-face {font-family: "iconfont";
src: url('iconfont.eot'); /* IE9*/
src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff') format('woff'), /* chrome、firefox */
url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
移动端字体图标加载顺序应该为&eto,svg,woff,ttf(把SVG放到前面)&
//移动端字体图标
@font-face {font-family: "iconfont";
src: url('../font/iconfont.eot'); /* IE9*/
src: url('../font/iconfont.svg#iconfont') format('svg'), /* iOS 4.1- */
url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
url('../font/iconfont.ttf') format('truetype'); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
&不过用fiddler抓包，只看到手机请求了svg，兼容情况良好。
SVG字体兼容如下图：&/#search=svg%20font
据说安卓4.1一下不支持SVG，但是没机器，测试不了，有Android 2.3的朋友帮忙测一下给个留言感激不尽。
在ios系统图标会往下错位，如下图：
设置一下默认行高为1即可。
.iconfont{line-height:1;}
设置默认行高后。
阅读(...) 评论()

我要回帖

更多关于 谷歌浏览器只显示文字 的文章

 

随机推荐