Img在移动设备上不显示
可能有以下几个原因：
- 图片路径错误：检查图片路径是否正确，包括文件名、文件夹位置等。确保图片在服务器上可访问，并且路径与HTML代码中的路径一致。
- 图片格式不受支持：移动设备可能不支持某些图片格式，如WebP格式。可以尝试将图片转换为受支持的格式，如JPEG或PNG。
- 图片大小过大：移动设备的屏幕尺寸较小，加载大尺寸的图片可能会导致显示问题。可以通过优化图片大小和压缩来减小文件大小，以提高加载速度。
- 图片加载速度过慢：移动设备的网络连接可能不稳定，导致图片加载时间过长或加载失败。可以使用图片懒加载技术或使用CDN加速来提高图片加载速度。
- CSS样式问题：检查CSS样式是否正确设置了图片的宽度和高度。如果没有设置宽度和高度，图片可能无法正确显示。
- 缓存问题：移动设备可能会缓存旧版本的图片，导致新的图片无法显示。可以尝试清除浏览器缓存或使用版本控制来确保新图片能够正确加载。
总结起来，解决Img在移动设备上不显示的问题可以从以下几个方面入手：检查图片路径、优化图片格式和大小、优化网络加载速度、检查CSS样式设置、清除缓存等。如果问题仍然存在，可能需要进一步调试和排查。
相关·内容
1回答
将位图大小调整为缩略图大小调整
image、apache-flex、resize、runtime
当我将图片分配给flex中的项目渲染器时，我想在运行时将图片大小调整为缩略图大小。我如何才能做到这一点。
浏览 0提问于2013-12-02得票数 0
2回答
如何在Litespeed服务器上优化我的Wordpress、Elementor和WooCommerce网站的速度？
wordpress、performance、optimization、pagespeed-insights、litespeed
我正在尝试优化一个网站(gntac.com)，但不确定如何进一步进行。它托管在Litespeed服务器上，我正在使用Wordpress的Litespeed Cache插件。我已经启用了webp图像，合并和缩小了javascript，缩小了css，并启用了quick.cloud CDN。我也在使用Modernizr来替代css中的webp，但Insights似乎没有意识到这一变化。 还有很多DOM元素(可能是Elementor的原因)。一些主题元素在移动设备上使用css隐藏。我试图使用Mobile_Detect只为桌面加载这些元素，但缓存似乎是静态的，并且是为移动设备或桌面生成的，但不是两者都
浏览 66提问于2021-04-21得票数 0
4回答
如何用CSS/Javascript防止iOS上的图像自动旋转
javascript、css、image、orientation
我正在创建一个照片网站-我上传了自己的照片，这实际上是错误的方向(图像是逆时针旋转90度)。我从我的iPhone上传了这张照片，很明显这张图片是故意用这种方式存储的。
在我的站点上，HTML页面呈现了一个JSON对象，它包含到照片的URL以及图像尺寸。我使用的是jQuery移动和加载的页面，我在页面上放置了一个链接，当您单击照片时，它将照片显示为弹出窗口。弹出窗口呈现一个尺寸足够小的<img>标记，以适应当前视口宽度/高度内的图像。它使用前面提到的JSON计算维度，以及$(window).width()和$(window).height()的结果。
在桌面上-照片正确地显示在错误的
浏览 1提问于2014-01-18得票数 4
回答已采纳
2回答
图像大小(响应式滑块)
jquery、html、css、image、responsive-design
我在我的网站上使用响应式。问题是，我有很大的图片和很大的文件大小，如果我想在移动设备上查看我的网站，它需要加载年龄。
该bxslider与img标签在html中工作，我正在寻找一种方法，即浏览器主要决定哪个图像版本，例如大，中或小，他将选择。
我知道，它将如何在css中的div中工作，例如媒体查询，但我不知道，它是如何在html中处理图像的。
有什么建议吗？
对不起，我的英语:P
浏览 3提问于2016-10-26得票数 0
2回答
PHP上传尺寸正确的图片
php
我知道这个问题很常见，但我的问题的要点是，我想知道facebook或其他一些网站是如何以正确的大小上传图片的。例如。如果我们上传一个尺寸为:宽: 1000px，高: 20px的图片。然后facebook会用这张图片更新状态，但会以正确的比例缩小图片大小。它的jus缩小了图片，但我们可以知道图片非常宽(我自己的词表示非常高的宽度:P)，其中长高的图片也是按正确的比例发布的。
我已经包含了上面的图像示例。facebook如何计算图片的大小n比率，并通过保持正确的尺寸同时缩小它来回放图片。
浏览 1提问于2011-12-30得票数 0
回答已采纳
1回答
SDWebImage疯狂的内存增长，高虚拟内存？较高的脏内存大小。附加的视频
ios、objective-c、memory、memory-management、lazy-loading
我正在开发一个内容丰富的应用程序，我遇到了问题。我使用SDWebImage将图像异步缓存和加载到我的UIImageViews和UIButtons中。在这个应用程序中，我有内容馈送，这是从服务器URL加载的3列宽的图片的集合视图。
当我滚动时，内存像疯了一样堆积起来，但当它需要时，它确实会自动清除，这是SDWebImage的预期行为。但是，这个应用程序是一个选项卡式应用程序，所以如果我部分滚动一个提要，切换选项卡并滚动另一个选项卡上的提要-内存只是构建，不会被清除。
我知道的第一个问题是图像尺寸非常大，并且在应用程序中被缩小，而不是以100x100px的正确大小下载，而是640x640px。这显
浏览 0提问于2014-07-23得票数 2
1回答
更改移动设备的导航栏高度
twitter-bootstrap
我想创建一个100px的固定导航栏。因此，我更改了css样式：
.navbar { height: 100px }
和
.navbar-inner { height: 100px }
但当我点击移动设备的< 768px大小的菜单按钮时，菜单再次以50px开始显示。它在全尺寸上工作得很好。有没有办法解决这个问题？
浏览 0提问于2014-12-15得票数 1
1回答
android -堆大小错误
android、eclipse
我用eclipse开发了一个Android游戏，里面有很多资源和图片，使用sdp大小单位调整图片大小，在所有设备上看起来都很好：
还可以使用Picasso Library将图像加载到imageviews上，
主要的问题是在一些设备中，我得到了堆大小内存错误。
问题是，我是否必须在ldpi、mdpi等的子文件夹中声明不同大小的不同图像……即使我用的是Sdp和毕加索？
浏览 0提问于2016-08-24得票数 0
2回答
Django只在模板中加载第一个静态文件。
python、html、django
正如标题所述，只加载Django模板中的第一个静态文件。
以下是违规代码：
{% load staticfiles %}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{% block title %}{% endblock title %}</title>
<link rel="stylesheet" href="{% static 'g
浏览 2提问于2016-03-15得票数 1
回答已采纳
2回答
免费jQuery插件-在移动设备上查看，某些磁贴的宽度设置为零
jquery、responsiveness、freewalljs
我在使用免费的jquery插件时遇到了一些麻烦，这很奇怪。
基本上，当我在屏幕尺寸大约超过580px的任何设备上加载页面时，网格工作得非常好。但是，如果我在移动设备上加载页面，屏幕大小大致小于580px，90%的tiles宽度将被设置为零，当然，还会破坏网格布局。
此外，在移动设备上加载页面或使用移动尺寸后重新调整视口的大小时，损坏的网格瓦片仍然不会获得除零以外的宽度设置！
这是相当混乱的，因为所有的工作都很好，然后突然，他们开始这样做。
我试着回溯我的步骤，看看我在设置之后所做的一些事情是否破坏了它，但是什么都没有起作用。
我在giphy上做了一个gif，它显示了我想要表达的意思。正如人们所
浏览 40提问于2015-11-25得票数 0
回答已采纳
1回答
接收器中视频容器的大小
google-cast、chromecast
我知道这很荒谬，但我在学.
在Chrome应用程序中，我让我的发件人启动并加载一个自定义接收器。接收方页面包括设置为播放一个特定视频的视频元素，如下所示：
<video autoplay>
<source src="../media/someVideo.mp4" type="video/mp4">
</video>
接收方页和媒体文件托管在web服务器(SP)上。
我不再使用发送者和接收者之间的通信，所以接收者只是加载和播放视频。它工作得很漂亮，但是设备(电视)上的视频尺寸太大了。它充满了屏幕，但我没有看到完整的图片。
浏览 2提问于2014-03-20得票数 0
1回答
如何在Drupal 8中使用<picture>标签
html、drupal-views、drupal-8、responsive-images
我需要在我的Drupal 8网站上显示的两个版本--一个用于“宽”视图，另一个用于“叙事”。
我可以通过CSS类和媒体查询来完成这一任务，但是用户必须同时加载图像的两个版本。我想避开它。
我已经决定利用<picture>标签。我认为有两种可能的选择，但没有一种对我有效：
1)我试图定义包含两个图像字段(我的两个版本的图像)的内容类型(横幅)。然后，在适当的视图中，我重写了一些字段，以“手动”插入<picture>标记。不幸的是，Drupal中的观点似乎是剥去了这个标签。
2)有"Responsive “模块，但它处理不同大小的同一源图像。这不是我的问题:我需要两
浏览 0提问于2017-11-10得票数 0
3回答
“必须”在img标签上写宽和高？
html、css、twitter-bootstrap、responsive-design
关于本文：
和我读过的其他文章一样，在img标签中写宽和高是“必须的”。但也许现在情况有所改变，响应式WebDesign被弃用了，我猜？
所以，我正在使用Twitter Bootstrap，并发现在img-tag上使用固定的宽度和高度有问题。在我的css中，我使用：
width: 100%; height: auto
然后它在每台设备上都能正确缩放。但是，当我不提供图像的宽度和高度值时，加载时间或其他什么会明显变慢吗？此外，有没有其他方法可以像Twitter Bootstrap那样解决这个问题？
浏览 2提问于2013-08-31得票数 2
1回答
白页直到滚动
javascript、css、wordpress、html
我在这个网站上工作：。
我有一个奇怪的问题，当页面在移动设备上加载时，它会显示一个白色页面，直到您滚动为止。
我试图在安全模式下在chrome DevTools的“设备工具栏”中打开它，但在css中没有显示任何效果。
那会是什么呢？那么，我该如何解决它呢？
备注:如果您在滚动后切换到另一个页面，它也会显示白色页面，直到您滚动为止
图片：
浏览 8提问于2017-03-13得票数 1
2回答
响应式设计-站点在iPhone上的显示方式与在小型浏览器上的显示方式不同
iphone、css、responsive-design
我已经向添加了一些媒体查询，当我将浏览器的窗口最小化到最小尺寸时，这些查询可以正确显示。但不幸的是，当我导航到其中一个内部页面时，原始设计显示在iPhone上。当在我的浏览器中测试它时，无论我在哪个页面上，网站都能正常工作。
注意:为了测试，最小化你的浏览器到最小的宽度，这将显示他们想要的“移动站点”。
我在这里完全被难住了。谁能告诉我为什么iPhone似乎在加载旧的CSS，而浏览器本身却在加载当前的CSS？
谢谢!
浏览 0提问于2013-05-29得票数 1
回答已采纳
1回答
无法在移动设备上打开缩略图图像
magento、magento-1.7、magento-1.8、magento-1.9、magento-1.5
我使用的是Magento网站，该网站无法在移动设备上打开缩略图图像。我更改了媒体块内不同分辨率的css文件，但仍然无法打开图像。
红色方块内的图像不能在移动设备中打开。每当我点击这些图片中的任何一个，都不会有任何反应。所有尺寸的显示器都可以在桌面上打开图像。
它的发生是因为错误的css代码还是其他原因。
浏览 7提问于2015-06-23得票数 0
1回答
使用CSS调整未知图像大小？
css、image
我试图调整一个只使用CSS的图片大小，问题是我不知道它的尺寸。
到目前为止，我尝试的是将放入a中，然后使图像具有105%的宽度。这个想法是包含div除了它的内容之外没有其他大小，但这只是使图像的大小与下一个具有显式大小的祖先的大小相同。
浏览 0提问于2010-10-27得票数 0
回答已采纳
1回答
如何创建带有图标的按钮？
java、android
我正在创建一个应用程序，其中包含许多按钮，每个按钮的背景是不同的。我已经从Photoshop创建了按钮背景。现在我的问题是背景的大小应该是多少。我保留了按钮的高度和宽度作为包装内容。当我使用android:background:"@drawable/background_img“(图片大小为30X30)时，按钮看起来像是坏掉的(像模糊的)。最适合所有屏幕的背景尺寸是多少？
浏览 0提问于2018-12-29得票数 0
1回答
是否使内容适合windows phone 7的fit浏览器？
windows-phone-7、browser、webbrowser-control
我有一个网络浏览器。我加载一个只有一张图片的url。这张图片比网络浏览器大。如何调整图片大小以适合won浏览器，以便用户不再需要放大和缩小？
浏览 3提问于2012-10-14得票数 0
2回答
当刷新另一个视图时，不应用离子型CSS。
html、css、angularjs、angular-ui-router、ionic-framework
我目前正致力于我的第一个Ionic应用程序和工作角度的第一次。
我使用在应用程序的仪表板上显示图表。如果我在仪表板上刷新并且看起来如下：
但是，如果我导航到另一个选项卡，例如服务器选项卡，并在那里刷新，宽度和高度将不应用于仪表板上的图表。相反，它们是使用标准宽度和高度(500 hx900w而不是100 hx100w)呈现的。(见第二张图片)。如果我再次刷新仪表板，它们将正常呈现。
我查看了库的源代码，发现当在仪表板上刷新时，element.parentElement.offsetWidth等于100，但是如果在另一个视图上刷新，它是0，所以使用默认值。在另一个视图上，饼图指令似乎无法访问父程
浏览 4提问于2015-04-16得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
