我的图片在手机上非常小-- 320 +
问题：我的图片在手机上非常小-- 320 +
回答： 这个问题涉及到图片在手机上的显示大小。"320+"表示图片的宽度至少为320像素。
在移动设备上，图片的大小是一个重要的考虑因素，因为过大的图片会占用过多的存储空间和带宽，同时也会影响页面加载速度和用户体验。为了解决这个问题，可以采取以下几种方法：
- 图片压缩：使用图片压缩算法可以减小图片的文件大小，而不会明显影响图片的质量。常见的图片压缩算法包括JPEG、PNG等。腾讯云的图片处理服务（https://cloud.tencent.com/product/img）提供了图片压缩功能，可以根据需要选择不同的压缩算法和参数进行图片压缩。
- 响应式设计：通过使用响应式设计技术，可以根据设备的屏幕大小和分辨率，动态调整图片的显示大小。这样可以确保在不同设备上都能够以最佳的方式显示图片。腾讯云的移动应用开发平台（https://cloud.tencent.com/product/mad）提供了响应式设计的支持，可以帮助开发者实现适配不同设备的图片显示。
- 图片懒加载：图片懒加载是一种延迟加载图片的技术，在页面加载时只加载可视区域内的图片，当用户滚动页面时再加载其他图片。这样可以减少页面加载时间和带宽消耗。腾讯云的移动应用开发平台提供了图片懒加载的支持，可以帮助开发者实现延迟加载图片的功能。
总结起来，为了解决图片在手机上非常小的问题，可以采取图片压缩、响应式设计和图片懒加载等方法来优化图片显示效果。腾讯云的图片处理服务和移动应用开发平台提供了相应的解决方案和产品支持。
相关·内容
我有一些图片是由wordpress用
add_image_size( 'centerright', 320, 320, array( 'right', 'center' ) );
但在手机上，它似乎显示了相同的缩略图，但默认版本(中，中)。
我怎样才能让它在手机上显示同样的缩略图？如果你需要我的网站网址，请告诉我。
提前感谢！
浏览 0提问于2016-03-24得票数 0
我想将canvas中的图像保存到我的Android手机上。我的代码如下
var canvas = document.getElementById('canvas');
var context = canvas.getContext("2d");
context.drawImage(video, 0, 0, 320, 320);
var strURI=canvas.toDataURL('image/png');
document.location.href=strURI.replace('image/png', '
浏览 0提问于2012-03-12得票数 3
1回答
引导网格行的小设备顺序
、、、、
在桌面上，网格行的顺序是：
文本/图片
图片/文本
文本/图片
在移动上，这变成：
文本
图片
图片
文本
文本
图片
有没有办法在手机上改变这个订单？
例如：
文本
图片
文本
图片
文本
图片
谢谢!
浏览 5提问于2015-05-23得票数 0
回答已采纳
2回答
我有以下的规格图片，
xlarge screens are at least 960dp x 720dp
large screens are at least 640dp x 480dp
normal screens are at least 470dp x 320dp
small screens are at least 426dp x 320dp
无论是肖像还是风景。这些都是在平板电脑里拉伸的。但在手机上工作很好。我正在使用onConfigurationChanged()覆盖方法处理配置更改。是为Android应用程序提供图像的任何其他方式。我提供了以下屏幕大小的链接。
浏览 6提问于2013-08-01得票数 1
回答已采纳
如何在手机上显示非常大的图片？
例如，以下内容将显示在桌面上，但不会显示在我的iPhone上：
<img src="someReallyBigImage.png" width="4096" height="4096" />
有人能在手机浏览器上显示这么大的图片吗？
谢谢!
浏览 5提问于2013-09-03得票数 0
1回答
我需要指导如何创建一个简单的图像网格流体大小。我想把三个(大约300 if )的正方形图片放在我的首页，跨越宽度和响应时，窗口被调整或如果被观看。如果屏幕尺寸较小，这三个图像将保持水平，但缩小。当在手机上观看时，这三幅图像将堆叠在一起，第一张在顶部，中间一秒钟，最后三分之一。
我可以让图片显示出来，但我在CSS上遇到了麻烦。
<div id="content" class="col-full">
<div id="grid">
<a href="http://mywebsite.com/info
浏览 2提问于2011-10-26得票数 1
16回答
我正在制作一个流畅的样式表，它工作得很棒。我注意到的一件事是，我在Chrome中的浏览器窗口不能调整到400px以下，它只是停留在那里，而在FF中，当我缩小它时，它只是停在400px左右，然后弹出一个水平滚动条。
当我在手机上打开这个网站时，它在320px左右看起来很完美，所以我知道它的尺寸确实低于400px。
我很好奇是否有人知道这是一个浏览器/桌面的东西，或者我应该看一些不同于我的CSS的东西。我没有任何最小宽度声明，所以我不确定是什么导致了这种情况。
同样在桌面上，它会缩小到大约400px的最小宽度并停止，但当我在手机上打开它时，它会缩放到手机屏幕的大小，大约是320px……奇怪的是，为
浏览 3提问于2011-12-31得票数 163
回答已采纳
1回答
我在手机上的$(window).scroll活动上遇到了问题。它在桌面视图上工作得很好。请帮我把它也在手机上触发。我使用的代码：
$(window).scroll(function() {
alert($(window).scrollTop());
});
我还尝试在手机上禁用overflow。像这样：
@media only screen and (min-width:320px) and (max-width:480px)
{
html, body
{
width:100%;
height:100%;
margin: 0px;
padding: 0px;overflow:
浏览 0提问于2017-12-22得票数 0
我正在写一个Windows phone 7应用程序，希望能够从我的应用程序推送内容到用户的facebook个人资料，评论，图片等。我已经开始阅读文档，但它都谈到有一个网站，我没有在手机上。我想我漏掉了什么，非常基本的东西。有没有办法在手机上用c#来做这件事呢？
非常感谢任何人的指点。谢谢!
浏览 2提问于2010-10-26得票数 2
回答已采纳
4回答
我设计了一个900 x 600固定背景图片的网站。在电脑上看起来没问题。它在PDA设备上会是什么样子？我必须为PDA单独设计它吗？
如何检查我的网站是否可以在手机上有效浏览？
我该怎么办？
浏览 1提问于2008-11-07得票数 5
首先，我为这些巨大的图片道歉。
我是新手，不熟悉媒体查询。这是当我在浏览器中测试并将窗口宽度设置为320px时，我的站点看起来是什么样子：
这就是我希望我的网站在手机上的样子。但是当我把它加载到我的iPhone上时，它看起来是这样的：
下面是我使用的查询：
@media only screen and (min-device-width : 320px)
and (max-device-width : 480px),
screen and (max-width : 850px) {
显然，这是因为iphone的宽度远远大于320px。当设备具有第二张图像的分
浏览 1提问于2013-09-22得票数 0
6回答
我想要我的网页视口宽度等于设备宽度只要设备宽度> 450px，否则450px (我的布局动态缩放，但在450px以下看起来不太好)。 以下两个meta标签适用于设备宽度>450px的平板电脑： 然而，在手机上(例如device-width=320px)，前者对于内容来说太薄了；而后者会导致浏览器放大，所以用户必须手动缩小才能看到内容。 或者，这个meta标签在手机上工作得很好。 但没有利用平板电脑上的额外宽度。 任何帮助/想法都会非常感谢(如果有用，我会使用GWT)。
浏览 146提问于2013-02-23得票数 68
回答已采纳
4回答
如何在手机和平板电脑中设置文本视图的字体大小。我提到的帖子建议创建dimen.xml，并将它们放在不同的文件夹中，即values-mdpi，values-hdpi，values-ldpi。平板电脑(1024x600)分辨率从values-mdpi文件夹中选择，手机(320x480)也从values-mdpi文件夹中选择，这使得字体在手机上看起来非常大和扭曲，而在平板电脑上看起来很好。
有没有办法分别指定手机和平板电脑的字体大小？
浏览 0提问于2013-01-04得票数 0
回答已采纳
我有以下代码
<div class="row">
<h4>Categories</h4>
<ul class="nav nav-tabs">
<li role="presentation"><a href="#0" class="thumbnail">All Categories</a></li>
<li><a href="#1" class="thumbnail
浏览 5提问于2015-02-02得票数 0
回答已采纳
1回答
因此，我希望在HTML5代码中占据整个屏幕的图像。我有他们的高度和宽度设置为100%，我认为应该做大小。
如果我放入3240x480的图片，它们正好适合我的手机，但在iPad上，拉伸的高度似乎适合它，但宽度似乎停留在320。
如果我置入768x1004的图像，它们完全适合iPad，但在手机上它们显示得很大。我以为100%的人会进行重新缩放，但我想我错了。
所以我尝试用768x1004将图像设置为width="window.innerWidth“。这使得它在手机上的尺寸缩小得很好，只是它仍然稍微超出了屏幕的边界。至于iPad，它将宽度缩小了一些，所以现在图像和屏幕的墙壁之间有一个间隙。
浏览 1提问于2012-05-11得票数 1
1回答
在项目中使用图片
、、、、
我有个问题。在主屏幕上的项目我使用7个.png格式的图像大小为50 - 60 kb。同时，当应用程序在手机上运行时，监视器显示该设备使用了20MB内存。如何上传图片作为小内存？谢谢你的回答。
我在布局中使用了标准安装，安装程序
main_image.setImageDrawable(getResources(getDrawable(R.drawable.main).);
然后滑行
library(Glide.with(getApplicationContext()).load(R.drawable.main).placeholder(R.color.white).diskCacheS
浏览 0提问于2017-01-27得票数 2
我一直在努力使一些网站，迫使1000 to布局，以更多的响应。在一种情况下，它可以很好地缩小到500 it，而在另一种上，它可以很好地扩展到780 it。我的手机宽320 My，平板电脑宽约1000倍。问题是：
如果我不设置视口，这两种设备都会显示页面~1000 on宽，所以我所有漂亮的缩放代码都被完全忽略了，而且手机上的页面也很大。
如果我设置了<meta name="viewport" content="width=device-width">，页面呈现得非常完美，但是它在手机上开始时会非常放大(放大到显示320 of的布局)。
如果
浏览 6提问于2016-12-05得票数 5
我正在使用Bootstrap 4.4与页面中的以下代码。这在桌面浏览器上工作得很好，但当你在手机上查看时，侧边栏被挤压得非常窄。我想要的是侧栏列移动到MainContent列下面。这个是可能的吗？ <div class="row">
<div class="col-9">
<MainContent />
</div>
<div class="col-3">
<RightSide
浏览 6提问于2020-01-17得票数 0
回答已采纳
1回答
背景-大小:封面无响应
、、、
所以我有一个全屏背景，如下所示：
#div {
background-image: url("images/slide1.jpg");
background-position: center 20%;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
width: 100%;
}
背景图片会根据所有视
浏览 0提问于2014-05-30得票数 0
1回答
我读了很多关于Android扩展的文章，有很多不同的观点。但我觉得理解这一点真的很重要，所以也许有人可以解释一下。
例如，我正在制作一个游戏，它使用了很多.png图片的位图，我把所有的东西都放在res/drawable/mdpi-文件夹中。我只打算在手机上推出这款游戏，所以没有平板电脑。
我使用的是hdpi的galaxy nexus，它看起来一切正常。但是它在安装了mdpi和xhdpi的手机上看起来还行吗？我没有使用任何密度像素，我尝试使用canvas.setDensity(320)，但后来我在某处看到应该避免这种情况。
有没有人有这方面的经验？因为我没有，也不能在其他手机上测试，因为我所有的
浏览 0提问于2012-09-13得票数 0
回答已采纳
电脑上的微信,打开这个页面,,进行分享,都是OK的,标题和图片都是正确的
[图片]
所有参数,配置都没问题,但在手机上,标题和图片未显示,回调成功,可以显示""分享成功"",但就是没有标题和图片,电脑上打开页面分享没问题只有手机上有问题
浏览 536提问于2017-11-21
1回答
我正在为我的iPhone 5开发一个基于HTML的应用程序，它基本上是一个有3个图像的应用程序(其中只有一个是可见的，但下一个是使用滑动手势等方式显示的)。
为了获得水平滚动，我使用了iScroll，它做的工作非常好，但使另一个JavaScript失败时，在手机上测试。
另一个JavaScript正在做最后的图片更改，当你点击它，“翻转”图片到另一个，但自从滚轮被添加停止工作。
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initia
浏览 0提问于2015-05-20得票数 0
回答已采纳
我的应用程序包括通过xxhdpi为mdpi绘制的资源。它主要用于平板电脑，但偶尔也会在手机上使用。问题是我的拖拽占用了xhdpi手机上太多的屏幕地产。
我想设置别名，以便xhdpi-small设备使用hdpi或mdpi绘图。我读过，但是例子非常有限。是否有方法使用限定符来别名特定的资源，而不是使用不合格的drawable文件夹中的资源？是否有一种方法可以将整个可绘制文件夹的内容化名，还是必须将每个可绘制文件夹化成单独的别名？
编辑:我知道我需要创建一个合格的资源文件夹。问题是如何将该文件夹中的资源化名为引用另一个限定文件夹中的资源。
浏览 1提问于2015-08-30得票数 0
在手机上预览和开发者工具上互发图片，手机端发送失败，出现红色标记，电脑端可以发送成功手机上也可以收到，（在真机调试下手机端又可以发送成功，很奇怪）。。。
微信图片_20191016101748.png
浏览 698提问于2019-10-16
回答已采纳
1回答
我有一个简单的应用程序与标签栏。视图大小为480 x 320。选项卡栏大小为49 x 320。但是，当我尝试使用UIgraphicsbeginimagecontext(self.view.frame.size)拍摄屏幕截图时，我得到了411x320的图像。我的背景图像是480 x 320，可以在ios模拟器中正常显示。
当我使用UIgraphicsbeginimagecontext(480x320)时，我在屏幕截图底部看到空白区域。
然而，当屏幕被捕获时，背景图像被剪切了69个高度像素。任何人都知道为什么我的背景图片在模拟器中正常显示，但在截图时被裁剪。或者，如果我增加图像上下文大小，如何捕获
浏览 2提问于2012-11-08得票数 0
回答已采纳
1回答
移动网站不显示图片
、、、
所以。我的手机网站不能在手机浏览器上显示图片！它在电脑上工作得很好，但在手机上就不行了。我一定是漏掉了什么明显的东西！
浏览 8提问于2011-12-04得票数 1
回答已采纳
1回答
在我的应用程序中，用户可以从联系人或通话记录中选择电话号码。挑选联系人非常简单，在手机和平板电脑上都能很好地工作--也就是说，在手机上会弹出新的全屏活动，在桌面上我会看到很好的弹出对话框，上面有联系人列表。
似乎没有办法从通话记录中选择电话号码，所以我必须实现我自己的活动(通过ListFragment)。我希望实现与联系人相同的行为-在平板电脑上，我希望看到带有列表视图的弹出对话框，在手机上，我希望看到全屏活动。
可以在没有代码的情况下实现在此图片上绘制的内容，例如：“如果这是列表，则显示弹出窗口，否则开始新的活动”，并仅使用样式/布局，这些样式/布局是根据设备自动选择的？
浏览 0提问于2012-06-12得票数 3
回答已采纳
这个网站()在手机上有问题。问题是Twitter widget....which直接来自Twitter，在移动设备上显示得太宽(约520 is )。当我签入浏览器并进行调整时，就没问题了。只有在手机上，它才会像这样突然爆发出来，这很奇怪。知道如何从小部件产生的CSS中解决这个最大宽度问题吗？
浏览 1提问于2015-10-10得票数 1
回答已采纳
1回答
为什么在手机上打开网站时要调整图片大小？
<img src="http://mobiletest.me/themes/sky/phone_thumbs/ipad_mini.png">
<img src="http://mobiletest.me/themes/sky/phone_thumbs/ipad_mini.png">
<img src="http://mobiletest.me/themes/sky/phone_thumbs/ipad_mini.png">
<img src="http:/
浏览 15提问于2016-09-12得票数 0
当我在手机上用谷歌搜索我的网站时，谷歌在我的网站旁边显示了这张图片。图片在我的网站上，但我想要另一张图片显示。有什么方法可以改变它吗？
浏览 0提问于2020-02-19得票数 0
3回答
我试图在中使用以下文本"Connect“修改一些元素，但没有取得什么进展。请帮助我编辑CSS：
@media (max-width:560px) {
.vc_sep_holder .vc_sep_holder_l {
max-width: 320px;
margin:auto;
}}
@media (max-width:560px) {
.vc_sep_holder .vc_sep_holder_r {
max-width: 320px;
margin:auto;
}}
这两条线总是出现在手机上。有人能给我错误的地方提供建议吗？
浏览 3提问于2016-12-16得票数 0
回答已采纳
我需要在html标签中显示youtube视频。我不能用iframe把嵌入的youtube视频。
有什么真正的办法吗？
<video width="320" height="240" autoplay>
<source src="https://www.youtube.com/embed/qh91xRArCwk" type="video/mp4">
</video>
我之所以想这么做，是因为ios上的和手机上的安卓。
即使你有一个带有静音参数的视频，它也不会在手机上播放。
浏览 4提问于2022-08-04得票数 1
我正在致力于一个响应网站，每个页面将有一个大英雄形象，定义在CMS。我不想在手机上下载背景图片。
我认为这样做的唯一方法是在页面的头上有一些内联CSS，如下所示：
<style type="text/css">
@media only screen and (min-width: 680px) {
.hero-image { background-image: url(../images/image.jpg); }
}
</style>
首先，我可以在内联CSS中使用媒体查询吗？
第二，这样会避免在手机上下载图片吗？
第三
浏览 6提问于2012-10-16得票数 17
回答已采纳
我正在制作一个wordpress博客，我想防止当视窗小于或等于手机设备的视窗(大约320px和480px)时加载后缩略图图像，目前图像是在桌面视图中加载和显示( 481px等)，但我不想浪费http请求时，博客是在手机上查看。
浏览 0提问于2013-07-29得票数 0
我仔细阅读了本页中dp的定义：，并得出结论:无论在哪个设备中，1dp都应该表示1/160英寸的物理大小。这个问题赞同我的观点。然后我看到了这张照片
在上。根据页面，灰色的圆圈应该是40 is，即0.25英寸。在这个中，您可以看到与此图像中的40dp相比，实际的0.25英寸。我扪心自问，这张图片是不是被放大了，所以上面的40dp看起来比0.25英寸大得多？我将图片与我的附件6进行比较，在那一页上，它们的物理大小大致相同。这张图片上的元素看起来很正常，就好像它们在一个真正的设备里。这意味着，如果我在手机上实现这个40dp/0.25inch循环图标，它们肯定会看起来非常小。我知道有时候1dp可能和
浏览 3提问于2015-11-18得票数 1
回答已采纳
我正在使用onMouseOver，来检测用户在手机上访问我的web应用程序时点击图像的时间：
<img
onMouseOver={(e) => {
myImageWidget.open();
}}
/>
当他点击图片时，一个小工具就会出现并上传一张图片。
使用onMouseOver的问题是，当web应用程序在桌面浏览器上使用时，每当用户鼠标悬停在图像上时，小部件就会出现。
那么，有没有一种方法可以在桌面浏
浏览 4提问于2020-09-27得票数 0
1回答
我正在开发一个Iphone应用程序。
该应用程序的想法是允许用户下载图片并将其保存在手机上。他可以稍后打开它。(普通缓存系统)
我现在要做的是从服务器获取UIIamge，然后使用以下命令将其保存在手机上：
UIImageWriteToSavedPhotosAlbum
然后我使用imagePickerController来允许用户加载图像。
我的问题是：
是否有方法可以将图像保存到应用程序文件夹中？我的想法是，我不想让用户从应用程序外部删除图像(我有一个“清除图像”按钮)。除了图片库，有没有可以缓存图片的地方？也许在应用程序包或文件夹中？
谢谢
浏览 0提问于2012-09-24得票数 0
回答已采纳
1回答
如果我不想在blogger mobile中显示元素，我可以在blogger条件标签中使用true或false语句。
<b:if cond='data:blog.isMobile == "false"'> //Contents inside this, will only appear in Desktop version. </b:if>
但是，有没有办法在手机中以特定的分辨率激活元素；e.i：(240*320)？或者，对于不支持adsense的低级浏览器(例如: Opera Mini for 240*320)，有没有
浏览 1提问于2014-06-13得票数 1
我的手机里有3000张图片。当我在手机上运行MWPhotoBrowser的时候。如果我刷得太快。它会崩溃的。
浏览 4提问于2016-09-24得票数 0
1回答
我有一张非常非常大(2100像素)比长(700像素)的图片
问题是，我想把它导入到我的android项目中，以便在手机上显示它。
要导入它，我使用"Image Asset"，Android Studio将其大小调整为可绘制的(mdpi，hdpi，xhdpi...)。事实是，无论新的尺寸在哪里，Android studio都会将透明组件放在更大的尺寸上进行调整。之后，因为这个原因，当我在ImageView中显示它时，在图像的底部有很多透明度，并且应该在底部的组件并不接近“真正的”图像！
如何避免Android Studio对图片进行正方形调整？
感谢您的回答;)
浏览 1提问于2015-07-29得票数 0
3回答
我希望使用在我的响应式网站上显示每篇文章中的所有图片，就像你在中点击或点击内容中的图片时得到的图库一样。它的主要用途是为用户提供一个大的图片视图，并允许他们在移动设备上放大这些图片，而不需要离开文章。
PhotoSwipe在这方面做得很好。我的JS梳理文章内容，并从找到的图像构建PhotoSwipe数组。但有一个问题:我文章中的一些图片很小。这在手机上不算太糟，但在桌面上，我很可能会在一个大的黑色画廊区域中间看到一张小图片。为了解决这个问题，“每日邮报”总是把图片拉伸到适合画廊的区域--虽然有些照片有点难看，但它的视野很大。
有没有什么方法可以选择性地拉伸PhotoSwipe图库中的小图像，以
浏览 4提问于2015-04-16得票数 1
我遇到了一个我从未见过的问题。在开发一个新网站的过程中，当我在手机上进行测试时，我注意到我的图像正在被调整和压缩。一个图像通常是1600×600自然，正在调整大小和压缩到375乘140，然后显示为自然大小。
我有一个老版本的网站与相同的图片。这个问题并没有发生，我还没有实现任何服务器端缓存。
有人熟悉这个问题吗？我没能找到关于它的任何信息。我查找了“chrome上的图像压缩bug”、“chrome大小图像”以及至少十几个其他查询，但似乎没有任何问题与我的问题相匹配。其他同事也在自己的设备上看到了同样的问题。
浏览 1提问于2017-03-02得票数 0
回答已采纳
3回答
我有一个具有自动播放和循环特性的全宽背景视频，在桌面上工作真的很好，但在移动视频中不显示，也不启动…只显示一个黑屏
我需要在手机上修复这个问题，如果不能在手机上播放视频，我可以在手机上放一个背景图片
<video autoplay loop muted autobuffer preload="auto" poster="poster.png" class="background-video">
<source src="video.webm" type='video/webm; codec
浏览 3提问于2016-08-11得票数 3
回答已采纳
我在opencart 2上有一个journal2主题，我对产品过滤器有一个问题。在桌面上，它们通常会出现，而在移动平台上，它们根本没有加载。通常，它们应该由左列. the中的$module变量呈现。
<?php if ($modules) { ?>
<div id="column-left" class="col-sm-3 hidden-xs side-column <?php echo $this->journal2->settings->get('flyout_column_left_active') ?
浏览 2提问于2017-03-23得票数 0
回答已采纳
1回答
我正在使用WordPress建立一个网站。虽然这些页面非常适合移动站点，但这个特定的页面显示得非常拥挤。这是该网站的网页-
如果你点击这个页面上使用Chrome浏览器的F12，并切换到“设备模式”，你会看到它在移动设备上的显示方式，我正在浏览CSS文件来找出需要修改的地方，但我似乎找不到。我想要的是，页面应该出现在手机上，因为它在网站上，但只是缩小。
浏览 3提问于2014-10-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
