❶ 手机网页中的图片根据屏幕大小自适应 怎么弄
根据你要做的产品图或banner图,外面的div要设置宽度、高度。里面的图片再设置 width:100% height:auto,
❷ 手机网站的图片传多大尺寸好
----------------2017年9月10日回答----------------
最近的心得:
1、分辨图片的颜色丰富程度,或者在PS保存的时候看下png24、png8、jpg哪个更合适,而且png格式还可以再去tinypng再压缩一次。
2、图片大小还是优先要保证质量,目前一般不会超过200K了,
3、在某些jpg压到60%质量依然很大的时候,可以试试把图片放大1倍而压缩到30%,质量和大小要比直接到60%要好,这是一个小技巧,可以网络确认。
----------------最早的回答----------------
建议用多尺寸的,手机的流量有限且速度不快,太大影响体验。
建议用图片js插件,图片默认不显示,判断屏幕大小,请求图片并加载,期间用loading做过度。
所以最大宽度在1024以内,即可满足一般屏幕效果,图片大小在500K以内,打开速度可接受。
可以适当增加一个查看原图的按钮,显示原始分辨率图片。
---------------------------------
看到2013年的回答依然有人看,补充一下2016年的心得。
图片大小建议还是越小,打开速度有保证,我现在的做法基本是jpg压到60%,颜色少的用png格式。
存放在图床里。
一般手机宽度优先,除非长图会很大,横版图一般100K以内可以搞定,简单压缩可以依据640宽,也可以1280宽30%质量,清晰度高且文件小。
最好的参考就是WX里的图片了。
❸ 网页调整了style.css 以后,手机网站,图片显示超出了屏幕。怎么改为适应屏幕大小
这位网友你好,想要网页宽度自适应,你需要把网页元素宽度设置为百分比,还要在网页头部加上代码:
图片自适应,且不超过原始大小,需要设置最大宽度,代码如下:
img{
width:100%;
max-width:100%;}
❹ 手机网站如何控制图片大小
$(".img").css({width:$(window).width()});
❺ 苹果手机如何调整上网浏览图片的大小
你好、一般浏览器都是支持缩放的、你可以用双指同时向外滑动、即可放大图片了。当然也可以在浏览器设置中改为看图模式、这样更方便、如果你喜欢看美图的话、推荐使用手机QQ浏览器、该浏览器看图片很不错、支持登入自己的账号、然后看到喜欢的图片可以直接保存到云盘哦。
❻ 手机怎样调整图片大小kb
手机上下载并打开美图秀秀,然后点击“美化图片”,选择一张想要美化的图片。
4
总结如下。
❼ 手机网站开发中如何使图片宽度适应不同的手机屏幕尺寸
手机网站在要使图片尺寸宽度适应不同手机屏幕,方法有:
1、图片所在层DIV宽度和高度设置为百分比任意值(考虑到屏幕两边留边,不可能达到100%),图片的宽度和高度设置为100%显示(相对于DIV当前层)[贴个例子给你看:]
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<meta charset="utf-8" />
<div style="width:99%;height:50%;font-family:微软雅黑;margin:0 auto;"><img src="00.jpg" width="100%" height="100%" />
<br />
<P>
原文如下:<br />
We've heard it before-we've heard it on the news, from teachers, from parents -children and teenagers today are growing up too fast. There are many people that will 36 with that statement. Teenagers are faced with serious problems and decisions at an early 37 . In fact most teenagers' daily scheles(时间表) are as 38 as those of an alt's.
I have been working since I was thirteen, and always in 39 in which I was working with alts. I have had to learn to think and 40 like an alt to be taken seriously. So, I regard myself as one who has grown up too fast. I just graated from high school, and have recently spent some time considering the 41 eighteen years-thinking about myself, what I have gained, and what 42 I have yet to achieve.
We are expected to study hard, get excellent 43 , be in a good relationship, and know what we want to do 44 . The list goes on and on. But the 45 is clear: We live in a society today that is 46 our childhood. We no longer have many years to be careless and fancy-free(自由的想象力). We are expected to 47 the strict school rules and to be good in everything we do.
I've known these things for a long time, and knew that they 48 me. But, I never really admitted it until last night, when I learned a 49 lesson, taught to me by my boss where I work. We had finished a job at a distant site.
<br /><br />
翻译如下:
有关当今由儿童成到十几岁青少年成熟快的新闻,在报道前我们已经从老师和家长那里听说了。有很多即将36岁的人也是这么认为的。十几岁的青少年们正面对着一些严肃的问题,并且他们的决定还要早于37岁的人。事实上,大部分十几岁青少年们的每日作息表和38岁的成年人一样。
我从13岁就开始工作了,一直到39岁还跟着大人们一起做工。我得学习思考,并且像40岁的成人一样认真地对待。因此,我认为我自己就是成熟得快的人当中的一个。我高中毕业,然后花过一些时间来思考我自己41岁的事,即我所收获的和42岁我尚得实现的。我期望努力学习,43岁时取得卓越成绩,有好的社(人际)关系,并且了解44岁时我们想做什么。计划清单上的事在一直继续着。然而,45岁时的事是比较清楚的。我们现生活在46岁的当下。我们再没有太多时光去粗心大意和自由想象了。我们只期待到47岁时,学校规章严酷点,并且我们所做的事是处于好的方面的。
我对此明白已经很长时间了,弄懂它们时我48岁了。但是,直到昨天晚上我才真正地承认它,我工作所在之处的老板给我上一堂49岁人生课。我们完成了一份在遥远地方的工作。
</p>
</div>
*********效果如下:*********
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
2、使用HTML5的CSS控制。
【打字不容易,记得给分!】
<div style="width:99%;height:50%;font-family:微软雅黑;margin:0 auto;"><img src="00.jpg" width="100%" height="100%" />
<br />
<P>
原文如下:<br />
We've heard it before-we've heard it on the news, from teachers, from parents -children and teenagers today are growing up too fast. There are many people that will 36 with that statement. Teenagers are faced with serious problems and decisions at an early 37 . In fact most teenagers' daily scheles(时间表) are as 38 as those of an alt's.
I have been working since I was thirteen, and always in 39 in which I was working with alts. I have had to learn to think and 40 like an alt to be taken seriously. So, I regard myself as one who has grown up too fast. I just graated from high school, and have recently spent some time considering the 41 eighteen years-thinking about myself, what I have gained, and what 42 I have yet to achieve.
We are expected to study hard, get excellent 43 , be in a good relationship, and know what we want to do 44 . The list goes on and on. But the 45 is clear: We live in a society today that is 46 our childhood. We no longer have many years to be careless and fancy-free(自由的想象力). We are expected to 47 the strict school rules and to be good in everything we do.
I've known these things for a long time, and knew that they 48 me. But, I never really admitted it until last night, when I learned a 49 lesson, taught to me by my boss where I work. We had finished a job at a distant site.
<br /><br />
翻译如下:
有关当今由儿童成到十几岁青少年成熟快的新闻,在报道前我们已经从老师和家长那里听说了。有很多即将36岁的人也是这么认为的。十几岁的青少年们正面对着一些严肃的问题,并且他们的决定还要早于37岁的人。事实上,大部分十几岁青少年们的每日作息表和38岁的成年人一样。
我从13岁就开始工作了,一直到39岁还跟着大人们一起做工。我得学习思考,并且像40岁的成人一样认真地对待。因此,我认为我自己就是成熟得快的人当中的一个。我高中毕业,然后花过一些时间来思考我自己41岁的事,即我所收获的和42岁我尚得实现的。我期望努力学习,43岁时取得卓越成绩,有好的社(人际)关系,并且了解44岁时我们想做什么。计划清单上的事在一直继续着。然而,45岁时的事是比较清楚的。我们现生活在46岁的当下。我们再没有太多时光去粗心大意和自由想象了。我们只期待到47岁时,学校规章严酷点,并且我们所做的事是处于好的方面的。
我对此明白已经很长时间了,弄懂它们时我48岁了。但是,直到昨天晚上我才真正地承认它,我工作所在之处的老板给我上一堂49岁人生课。我们完成了一份在遥远地方的工作。
</p>
</div>
❽ 手机怎么调节照片大小kb
可以在设置内调整图片的画质来达到缩小图片大小,步骤如下:
所需材料:手机美图秀秀、荣耀6X为例。
一、首先打开美图秀秀手机版,然后点击个人中心。
❾ 做手机网页要考虑哪几种尺寸呀
1、如果是比较复杂的页面,我们只需要第一屏撑满全屏,可以使用此方法。单独定义html和body的样式。【html,body{width:100%;height:100%;}】。