文档章节

wap网页图片适配解决方案

tyshymy
 tyshymy
发布于 2014/09/02 20:41
字数 467
阅读 194
收藏 0

切图适配(shipei.qietu.com)讯:关于网页移动适配,如何解决图片在不同分辨率下正常显示呢?有208176、 320240、480320、600480、800600、1024768 六种分辨率图片,本来想获取手机分辨率宽度后,给出一个最适合宽度图片,问题是图片显示时,被浏览器自动放大了,导致文字和图片排版不正确 如480分辨率宽,系统返回600*480图片,但是图片会自动被放大,在图片标签里设置图片宽度也不管用,这里切图微适配 weishipei.qietu.com提供简洁而有效的解决方案:

img{max-width:100%}

将这句话加到网页的css文件中,即可解决这个问题,这个原理是设置图片的最大宽度为100%——也就是当图片大小大于浏览器窗口的时候,它的宽度会变成100%,也就是浏览器窗口的宽度。

切图适配通过长期的web前端开发技术积累,为所有网站提供专业的网页适配服务!合作请致电:4000-724-120

转载请注明来源:http://qietu.com/wap-page-picture-adaptation-solutions

© 著作权归作者所有

tyshymy

tyshymy

粉丝 20
博文 45
码字总数 15610
作品 2
广州
私信 提问
加载中

评论(0)

有人做过网页适配吗?WAP网页适配

请问各位大虾: 有人做过WAP页面适配吗?可不可以给点大概方案或者给点提示!

初学者_L
2011/09/17
2.5K
8
移动端使用 rem 单位时 css sprites 定位问题

现在开发移动端 wap 页面,相信大家都会使用强大的 rem 单位去适配各种机型和屏幕;为了减少网络请求数量,提高网页访问性能,一般都会把多个小 icon 合并成一张 sprite 图,然后根据 backgr...

幽涯
2018/06/17
0
0
百度移动开放平台上线,WAP网站面临挑战

百度移动开放平台首页 腾讯科技讯(乐天)10月25日消息,知情人士今日向腾讯科技爆料,百度移动开放平台(gate.baidu.com)已于近日悄然上线,输入任意PC站点,都可以迅速查看转码后的WAP页面效...

红薯
2010/10/25
2.7K
10
从Web到WAP移植的设计原则

从Web端直接移植为WAP2.0形式,突出的矛盾是信息架构不适应小屏幕设备,垂直页面的冗长和WAP2.0表现形式的限制。 提升小屏幕浏览的体验,在设计中应包含以下几个核心任务: 控制信息的维度 ...

小编辑
2010/07/22
404
5
网页适配之强制网页适配手机屏幕

![在此输入图片描述][1] 切图适配(shipei.qietu.com) 讯:如何强制pc网站在手机屏幕下适配呢,切图适配团队教你一个简单有效的解决方案,通过增加meta标签来实现: 第一个meta标签表示: ...

tyshymy
2014/09/02
4K
0

没有更多内容

加载失败,请刷新页面

加载更多

union

https://www.runoob.com/sql/sql-union.html

七宝1
13分钟前
13
0
项目架构

大多数的程序员,都是做业务开发的,我也是。每天的工作都围绕着产品的需求。我们总在不停地写需求,在不停地堆砌代码,还在不停地解决Bug。后来,我们越来越陷入细节,越来越不能把握全局。...

道道法
昨天
5
0
pygame关卡游戏之口红挑战游戏(小组)

游戏简介及操作: 1.游戏分为三关,每关限时60秒。 2.游戏每关难度递增。(轮盘的转速越来越快,口红数量的增多) 3.口红命中一个,增加10分。 4.口红命中重复位置即为失败。 开发工具:Pyc...

kikifly
昨天
8
0
textview简单实现圆角效果

在 drawable里面 创建一个 text_corner.xml 文件 <?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:col......

chenhongjiang
昨天
24
0
RabbitMQ消息中间件技术精讲笔记

[TOC] RabbitMQ消息中间件技术精讲笔记 错别字有点多, 改了一部分. 剩下的不影响阅读,实在没精力改了... 业界主流消息中间件介绍 MQ衡量指标 服务性能 数据存储 集群架构 主流MQ介绍 Active...

我爱吃炒鸡
昨天
17
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部