页面能自适应手机屏幕大小，在里面的图片不能-CSDN论坛

CSDN论坛 > PHP > 基础编程

页面能自适应手机屏幕大小，在里面的图片不能 [问题点数：40分，结帖人wealsh]

⋅android 相机拍的照片自动旋转了，如果判断它？ ⋅在任意一条线上取个点并延伸出一条直线与之垂直 ⋅请问这个搜索框如何实现？ 更多帖子 关注空间博客 wealsh 本版专家分：0 结帖率 100%: html 已经加了
<meta name="viewport" content="width=device-width,minimum-scale=1,user-scalable=no,maximum-scale=1,initial-scale=1">

内容是从数据库里读取的，整个页面及文本都可以自适应，但里面的图片就不会自适应大小，请问如何处理？

0 2014-03-27 17:51:51

回复数 5 只看楼主引用举报楼主

⋅真是傻到家了 ⋅想要做什么 ⋅你们能不能敬业一点 更多帖子 关注空间博客 xuzuning 本版专家分：395800 版主 状元 2018年总版新获得的技术专家分排名第一 进士 2017年总版技术专家分年内排行榜第四 2014年总版技术专家分年内排行榜第四 2013年总版技术专家分年内排行榜第四 2012年总版技术专家分年内排行榜第六 金牌 2018年3月总版技术专家分月排行榜第一 2013年5月总版技术专家分月排行榜第一 银牌 2018年10月总版技术专家分月排行榜第二 2018年9月总版技术专家分月排行榜第二 2018年8月总版技术专家分月排行榜第二 2018年4月总版技术专家分月排行榜第二 2016年7月总版技术专家分月排行榜第二 2016年3月总版技术专家分月排行榜第二 2015年12月总版技术专家分月排行榜第二 2014年8月总版技术专家分月排行榜第二 2014年7月总版技术专家分月排行榜第二 2013年6月总版技术专家分月排行榜第二: 设置图片的百分比宽度

0 2014-03-27 18:00:03

只看TA 引用举报 #1 得分 10

图片大小自适应、pc端、手机端写页面的时候经常会遇到需要图片自适应容器大小这样的情况：&lt;style&gt;div{width:400px;height:400px;border:1px solid #000; }img{width:100%;height:100%;}&lt;/style&gt;不管容器有多大，只要将img的宽高设置成100%（这里的100%是相对于父级宽高而言）就能自适应容器大小。那是不是就这这么简...

wealsh 本版专家分：0: 内容是从数据库读出来的（是html代码），设置不了图片的属性。

0 2014-03-27 19:09:53

只看TA 引用举报 #2 得分 0

如何让图片自适应不同屏幕宽度，并居中显示。我们在浏览网站的时候发现，很多网站的banner图片都是全屏宽度。这种图片都是在不同分辨率下都是显示图片的中间部分，这里我们介绍两种方式，第一种就是常见的方式，用定位我简单定义为三部曲： - 让包裹图片的盒子绝对定位， - left:50%, - Margin-left：图片宽度的一半看例子吧：<!DOCTYPE html> <html lang="en"> <head>

⋅求psysh使用文档 ⋅sphinx有没有类似xunsearch的getFacets方法 ⋅求算法操作 更多帖子 关注空间博客 嘻哈大咖秀 本版专家分：6627 铜牌 2014年3月总版技术专家分月排行榜第三 黄花 2014年4月 PHP大版内专家分月排行榜第二 2014年3月 PHP大版内专家分月排行榜第二 2014年3月 Web 开发大版内专家分月排行榜第二 2014年2月 PHP大版内专家分月排行榜第二 蓝花 2014年4月 Web 开发大版内专家分月排行榜第三: 用js去改变可以

0 2014-03-27 19:19:49

只看TA 引用举报 #3 得分 10

让图片自适应屏幕大小让图片自适应屏幕大小

⋅为什么我的C币没有消费过会突然减少了

⋅为什么博客文章发布修改都要等比较长的时间才能审核

⋅博客首页原创文章数不更新

更多帖子

关注空间博客

傲雪星枫

本版专家分：64894

版主

优秀版主 2016年10月优秀小版主

铜牌 2017年1月总版技术专家分月排行榜第三

红花 2017年2月 PHP大版内专家分月排行榜第一
2017年1月 PHP大版内专家分月排行榜第一

黄花 2017年7月 PHP大版内专家分月排行榜第二
2017年6月 PHP大版内专家分月排行榜第二
2017年5月 PHP大版内专家分月排行榜第二
2017年4月 PHP大版内专家分月排行榜第二
2017年3月 PHP大版内专家分月排行榜第二
2016年12月 PHP大版内专家分月排行榜第二
2016年11月 PHP大版内专家分月排行榜第二
2016年10月 PHP大版内专家分月排行榜第二
2016年9月 PHP大版内专家分月排行榜第二
2016年7月 PHP大版内专家分月排行榜第二
2016年6月 PHP大版内专家分月排行榜第二
2016年3月 PHP大版内专家分月排行榜第二
2016年2月 PHP大版内专家分月排行榜第二
2016年1月 PHP大版内专家分月排行榜第二
2015年11月 PHP大版内专家分月排行榜第二
2015年10月 PHP大版内专家分月排行榜第二
2015年8月 PHP大版内专家分月排行榜第二
2015年7月 PHP大版内专家分月排行榜第二
2015年6月 PHP大版内专家分月排行榜第二
2015年4月 PHP大版内专家分月排行榜第二
2015年3月 PHP大版内专家分月排行榜第二
2015年2月 PHP大版内专家分月排行榜第二
2015年1月 PHP大版内专家分月排行榜第二
2014年12月 PHP大版内专家分月排行榜第二
2014年11月 PHP大版内专家分月排行榜第二
2014年10月 PHP大版内专家分月排行榜第二
2014年9月 PHP大版内专家分月排行榜第二
2014年8月 PHP大版内专家分月排行榜第二
2014年7月 PHP大版内专家分月排行榜第二
2014年6月 PHP大版内专家分月排行榜第二

加个样式便可自适应。



  <style type="text/css">

   .img{text-align:center;}

   .img img{width:90%;}

  </style>

  <p class="img"><img src="test.jpg"></p>

1 2014-03-27 21:56:27

只看TA 引用举报 #4 得分 20

响应式图像--图片自适应大小 Foreword 做项目的过程中遇到了一个图片拉伸的问题，做的是手机端的页面，当让其以电脑端页面显示的时候，图片被拉伸的有那么点丑！所以改改它！ Why 为什么会出现这样的情况呢？ 1、因为图片是放在盒子模型中的，让图片填满整个盒子的方式来实现，但这样图片会根据盒子的大小拉伸，导致显示变形 2、同一个模块，电脑端和手机端的盒子模型大小是不

⋅此用户还没有发表过任何帖子 关注空间博客 CmdSmith 本版专家分：0

引用 4 楼 fdipzone 的回复:

加个样式便可自适应。



  <style type="text/css">

   .img{text-align:center;}

   .img img{width:90%;}

  </style>

  <p class="img"><img src="test.jpg"></p>

四楼，我爱你

0 2015-08-12 16:25:09

只看TA 引用举报 #5 得分 0

收藏帖子

pc端CSS背景图片页面自适应充满屏幕: 代码body { overflow: hidden; position: fixed; width:100%; height:100%; background: url("image.png") no-repeat; background-size:c...

webview网页自适应手机屏幕大小: WebSettings webSettings = webview.getSettings(); webSettings.setSupportZoom(true); webSettings.setJavaScriptEnabled(true); webSettings.setJavaScriptCanOpenWindowsAutomatically(true); web...

手机屏幕自适应: 由于 Widget 的跨平台特性，开发一款 Widget 可能面临着这样的问题：它可能运行在不同操作系统、不同分辨率的移动设备上，原来根据某一分辨率制作的 Widget 装在小分辨率的设备上显示，可能只看到冰山一角。原来的文字和可触控件无法完全显示在屏幕内，超出屏幕外的可触控件无法点击。如果定制分辨率 Widget 运行在大分辨率设备上，效果会截然相反，整个 Widget 页面紧缩在一起显示在屏幕的某一处，字迹模糊无法分辨，控件难以触碰。

自适应手机屏幕: // 调用函数 remFun(); // rem使用，适配计算 function remFun() { //设置rem document.documentElement.style.fontSize = innerWidth / 3.75 + “px”; window.addEventListener(“resize

页面自动适应手机屏幕大小: div{ position:absolute; width:100%; height:100%; }

HTML5 移动页面自适应手机屏幕四种方法: 1、使用meta标签：viewport H5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这...

CSS实现背景图片固定宽高比自适应调整: &lt;img&gt;标签可以使图片在保持宽高比不变的情况下自动调整。我们讨论的是div的背景图片实现固定宽高比自适应调整的方法。这里的图片不是&lt; img&gt;标签一样通过src引入，而是通过css的background-image: url('路径')实现。实现背景图片固定宽高比缩放我们采用padding-top:(percentage)来实现，padding-top取...

关于全屏背景图片随屏幕大小自动适应方法: ```css .background-pic{ background: url(../images/login/background.jpg) no-repeat center center; background-size:cover; background-attachment: fixed; width: 100%; height: ...

html/css --- img图片自适应浏览器大小-实现热区域点击: css背景图与html插入img的区别 css中的图片以背景图形式存在，写在html中的图片以标签形式存在。而在网页加载过程中，以css背景存在的图片会等到html结构加载完成才开始加载，而html中的img标签是网页结构（内容）的一部分会在加载结构的过程中加载。附：在一个单纯由Html和Css组成的页面中，背景图片总是最后加载的，那么假若我们想要使用较小的背景图片作为占位符，用于在...

图片自适应手机屏幕大小: 后台编辑公告中包含图片在html里面插入图片，如果想让图片自适应屏幕的小而不是宽高固定不变可以在css代码里加入img { height: auto; width: auto\9; width:100%; }width:auto;是宽度自动的意思。\9是hack css 的一种写法，这种在正常css代码后面加"\9"的方式，只有IE浏览器才能识别，其他浏览器会忽略这条语句。这样就能做到差异化浏览器...

css 图片自适应屏幕大小: 用css3来解决背景图自适应的问题浏览器支持： Firefox 3.6+ , Chrome 1.0+ , Opera 9.63+, IE9 + 具体写法 .container{background-image:url(‘’) ;background-attachment:fixed;background-repeat:no-repeat;backgroun

几个meta属性让页面自适应手机屏幕: 几个meta属性让页面自适应手机屏幕

手机屏幕大小: Ophone手机有几种屏幕大小啊，我现在模拟器上看到的是不是就是真机上一样的，我怕变形了，不知道ophone说说用android的手机也可

自适应状态下图片的大小: img{ width: 100%; height: auto; max-width: 100%; display: block;}

fmx 手机屏幕自适应缩放比例: fmx 手机屏幕自适应缩放比例

html图片热区（可自适应屏幕）: 要做个五一活动，商城部门就给了个jpg，懒得切图就弄的这个图片热点。直接热区加链接。做完了想起来了，还要跟app webview交互，白写了。还是分享出来。 &lt;body&gt;&lt;!--看好map的id，img的width，在编辑器里画热区的时候是图片自己的宽度，画好之后改成100%--&gt; &lt;img src="images/top.jpg" width="100%" bord...

css让图片自动适应屏幕大小,不出现滚动条,不变形，兼容各个浏览器: 如果是个背景图的话，定义一个div,高100%,宽100%，里面放个img &lt;div class='bg'&gt; &lt;img src="images/bg.jpg" &gt; &lt;/div&gt; html,body{overflow: hidden;} .bg{width: 100%;height: 100%;top:0;z-index: -1; position...

关于图片不变形适应屏幕的解决方法（vue为例）: （此处背景图宽：高=1.92） 1.在html中设置两种可选择的类： &lt;div class="login-container" v-bind:class="[{'cal-backgound-size-width': !calBgImage },{'cal-backgound-size-height' : calBgImage }]"&gt; 2.css...

图片如何自适应浏览器窗口大小: 图片如何自适应浏览器窗口大小标签：前端，网页背景图片，切图假如UI给你的设计稿的分辨率是 1980*1080 的，你通过 ps 切下来的背景图也是这个尺寸。如果用户浏览器的窗口可视区域小于或大于该尺寸，要么出现滚动条要么出现空白区域，那要如何使用 Jquery 代码使得图片可以自适应呢？其实很简单，首先看 HTML 代码，我们在网页上放入一张分辨率为 1980*1080 的背景图： <i

div或img图片高度随宽度自适应: 该方法主要用来做网站自适应的，同时可以实现撑起内容高度，避免图片加载后导致的页面滚动。一、可以使用js判断图片的宽度得到具体数值之后，再来利用js设置图片的高度（这里就不具体为大家细说了）。利用js来实现有一个缺点就是只能在页面刷新的时候才能调整图片的高度，不能随着浏览器的窗口大小变化来实现自适应。二、我这次主要是用css来实现图片高度的自适应问题。下面是所需要的代码（这种方法是可以在图片上方垂直...

html5自适应手机屏幕问题: 在网上复制一段新闻到我的后台，结果前台手机端显示的效果却是这样的，普通文字根据我设置的宽度100%可以，但是那些数字却不管怎么设都是会溢出，不知道怎么回事，我自己写的数字也会溢出，还有图片也是，因为是从后台拿过来的数据，我又不能直接操作它们。求大神解答！

ImageView 自适应手机屏幕 + 旋转: Chart.java public class Chart extends VLinearLayout implements BaseView{ private Activity context; private ImageView m_ImageView; private Bitmap img; private int ScaleAngle = 0; ...

unity之手机屏幕自适应的理解: 首先先了解一个摄像机上的参数 Projection 投影：切换相机的能力，以模拟透视。 Perspective 透视 — 摄像机（Camera）将使物体和透视完好无损。 Orthographic 正交 — 相机会均匀地渲染物体，没有透视感。 Size 大小 （当正交被选择上）— 当摄像机设置为正交模式，摄影机视口的大小 game窗口中，点击game下方的尺寸，可以自定义

自适应手机屏幕的一段JS代码: 今天，在调网页界面的时候，遇到了一个问题，同样的样式，在一个页面上显示效果挺好，另一个无论是字体还是样式布局，都会显得相对的小。经过查找，发现是一段JS代码在“捣鬼”。附上代码： function resetPage() { var deviceWidth = document.documentElement.clientWidth, scale = deviceWidth/40

HTML5自适应手机屏幕: 从网上学到的自适应代码，用于HighCharts报表使用js进行自适应控制，代码如下： var phoneWidth = parseInt(window.screen.width); var phoneScale = phoneWidth/640; var ua = navigator

从0开始html前端页面开发_CSS实现设置背景图自适应屏幕大小: 只需要在css样式里对BODY元素添加css样式即可html代码如下&lt;STYLE TYPE="text/css"&gt; BODY {background-image: URL(../../ui/loading/loading_page.png); background-position: center; background-repeat: no-repeat; ...

图片铺满屏幕自适应大小: 很简单的实现一张或多张图片铺满屏幕，自动适应，异步加载图片等功能

大分辨率图片根据用户分辨率自适应其浏览器大小: 现在做网页好的背景图片可以直接把页面的档次提高一倍，如果背景图片是纯色或者是小 图片的话，我们直接就可以通过（background-repeat）平铺的方式实现，但是往往都是美工不遂人愿，总是把背景图做的花里胡哨的，根本没法通过平铺来实现，如果要是用js判断浏览器分辨率来展示相应分辨率的背景图片，这样实现虽然能实现，但是毕竟麻烦了点，哎~~没办法，我的座右铭就是能偷懒就多偷一点。。。。于是便想到了

html 标签内背景图片自适应div大小: 只需通过css设置background-size属性为contain，即 background-size:contain 注意：一定要在先设置background之后再设置background-size属性，这样才有效

大小不一样的图片随着盒子大小自适应: 前提：vue+iview做后台管理系统需求：页面一行有固定的4张卡片，每张卡片里有图片，图片是从后台系统中上传的，大小不固定，要卡片中的图片高度随着屏幕大小自适应 小屏幕效果：大屏幕效果：解决方法有两种： 1. 利用@media媒体查询做。 ① 在index.html中加入meta标签 <meta name="viewport" content="width=dev...

iPhone手机屏幕大小及分辨率: 以前一直找,现在自己保存起来

获取手机屏幕大小: 开发手机应用程序的时候，除了底层对API的掌握外，最重要的仍是屏幕分辨率概念的里加尔，由于各个手机厂商采用的屏幕尺寸不同，UI接口呈现及布局自然也在、各种迥异。 Android可设置为随着窗口大小调整缩放比例，但即使如此，手机程序设计人员还是必须清楚的知道手机屏幕的边界，以避免缩放后造成的布局变形等问题，下面是个小例子，只需要几句即可获得手机分辨率，当中最关键的就是DisplayMetrics类...

Android获取手机屏幕大小: DisplayMetrics dm = new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetrics(dm); mScreenWidth = dm.widthPixels; mScreenHeight = dm.heightPixels;

获取手机屏幕大小——DisplayMetrics: Displaymetrics 是取得手机屏幕大小的关键类，直接看代码： // 获得手机屏幕大小 DisplayMetrics dm = new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetrics(dm); int screenWidth = dm.widthPixels; ...

css让图片自适应容器（div）大小: 不管容器有多大，只要将img的宽高设置成100%（这里的100%是相对于父级宽高而言）就能自适应容器大小。

让ImageView尺寸适应图片比例和屏幕: 是否经常会遇到这种情况：我怕们需要一个ImageView，一般情况下既想让它宽度适应屏幕，又想让它高度适应图片。但是图片比例和屏幕比例没有关联，我们给ImageView设置尺寸，要不就是充满屏幕，要不就是包裹内容，固定尺寸无法应对图片比例不确定的情况。所以我们需要写一个工具方法，来调整控件尺寸，达到既适应图片，又适应屏幕的目的。看代码：工具类public class ImageViewUtil

手机网页图片自适应大小 background-size css 图片全屏背景尺寸设置: 老生常谈，老手跳过，新手进来。思路：图片不要设置为div的background，因为你设置了background-size，但是div的height没设置，一样没鸟用，除非你搞个js判断，动态刷新。换一种思路，直接用显示出来，这样div作为父容器就被你撑大，就不需要div的高度设置了。然后就看你的图片，如果宽要全部显示，就设置为width:100%,height:auto，反之就设置为

设置背景图片自动适应屏幕: 基于chrome和引用了bootstrap的CSS样式之后，设置背景图片自动适应屏幕的方法。

一个自适应的网页设计: 如今移动互联网随着3G的普及，越来越火爆，更多需求跟随而来！APP应用市场和APP应用数量成倍成倍的增长！从而给移动互联网带来新的挑战！移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768）

如何获得手机屏幕的大小: 宽和高

怎么获得手机屏幕大小?: Ext js怎么获取手机屏幕的大小?

如何获取手机屏幕大小: 现急求如何获取手机屏幕大小

取得手机屏幕大小: [code="java"]package com.kevin.displaymetrics; import android.app.Activity; import android.os.Bundle; import android.util.DisplayMetrics; import android.widget.TextView; public class Main ext...

unity5.4 UGUI 手机屏幕自适应分辨率: 发这个帖子是因为自己也碰到了问题，看到网上也有很多热心的朋友发表自己的解决方案或者思路，我也分享下自己的解决方案供大家参考 Main camera 和Canvas都放在最顶层的位置这是Main camera的设置这是Canvas的设置如果有不想显示的东西漏了出来。加个蒙版就可以。强烈建议在开发初期就设置好屏幕自适应，不然有很多地方要改参数

css控制图片自适应大小: 相信大家做网页时经常会碰到大分辨率的图片会把表格涨破以致漂亮的网页面目全非，但只要使用以下的CSS语句即可解决。该CSS的功能是：大于600的图片自动调整为600显示。上面的代码在使用的过

背景图片如何自适应屏幕: 自己比较头疼的问题，网上搜了好多资料，大概整理了一下 1. 直接设置CSS样式达到目的在以上代码中，background-size: cover；是对背景图进行等比例拉伸，仍然存在图片显示不完全的问题。 background-size: 100% 100%；是对背景图的宽拉伸至di

HTML中使背景图片自适应浏览器大小: 由于标签的图片不能够拉伸，解决办法：1、图片不够大，又background属性不能拉伸图片； 2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用 3、body的background属性去掉，要不然会被遮住 <%

移动端图片自适应: /*移动端图片自适应 精华 */ html lang="en"> head> meta charset="UTF-8"> title>图片自适应title> meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0, user-scalable=0,width=device-wi

HTML网页如何自动适应手机屏幕: 在网上看到用以下方法： width=device-width, initial-scale=1.0, minimum-scale=0.5,

js实现的2048，手机屏幕自适应: 2048游戏，使用css，html，js开发

怎样获取手机屏幕大小?: 如题

测试android手机屏幕大小: 为开发平板的工具，可以查看机顶盒的版本，更好的对应多种分辨率

各种手机屏幕的分辨率大小: VGA:640*480 QVGA即"Quarter VGA".顾名思义即VGA的四分之一尺寸,QVGA:480*320 HVGA 即VGA(640*480)的一半,分辨率为(480*320),(3:2宽高比) WVGA 数码产品屏幕材质的一种，VGA的另一种形式，比VGA分辨率高，别名:Wide VGA, ，其分辩率为800*480象素。...

[笔记]百度UEditor_解决图片在手机端的自适应问题: 问题: 手机端展示的图片超出屏幕解决方法: 在页面引入 {ueditor_home}/ueditor.all.js 找到以下内容并添加红色部分 function callback(){ try{ var link, json, loader, body = (iframe.contentDocument || iframe.contentW...

为适配平板而生的Dialog（同样也支持手机）: 专为平板而生的Dialog（同样也支持手机）因公司的业务需求变动，由手机开发转为手机，平板一起开发！导致项目之前写的Dialog在平板上出现很多兼容性问题，没办法只能一个一个的改了！但是，一查看代码发现，有太多太多的Dialog需要改动了，于是乎，为适配平板的Dialog基类（同样适用于手机端）就横空出世了！特点支持横竖屏切换支持修改Dialog的宽高支持修改Dialog的动画，样式默认三种

手机移动端网页，按屏幕大小让图片自适应屏幕。: &lt;script type="text/javascript"&gt; //图片自适应 $(function () { var imglist = document.getElementsByTagName("img"); // $("img").attr('style', ''); //安卓4.0+等...

手机图片到底要做多宽才可以适应所有手机屏幕的尺寸？: 现在移动互联网正搞得风生水起，大伙也不甘示弱，周围的朋友会经常从微信里面发发图片，设计师们也经常制作移动网站和手机APP等，这些过程中大家都会碰到这样一个问题：手机图片到底要做多宽才可以适应所有手机屏幕的尺寸？最终得出的结果是：想高清显示图片做成1080px通吃所有机型，想节约用户流量图片做成540px通吃所有机型，智威科技从手机分辨率和常用手机机型分析如下：一、分辨率：(...

android 取得手机屏幕大小: android 取得手机屏幕大小 以后用的着。底层的api

如何将不同大小的图片都设置成手机屏幕大小显示: 如题：如何将不同大小的图片都设置成手机屏幕大小显示

关于图片在手机浏览器显示大小的问题: 手机分辨率是：720*1280，然后，我用screen.width在手机浏览器上显示也是720. 现在我添加了一张图片，尺寸是638*882的，结果该图片宽度上竟然没有显示全，只显示了一部分，后来我将

富文本编辑器添加的图片手机端不能自适应问题: 在做我的订阅模块，就出现一个问题，文章内容等在手机上自适应了，但是图片不能根据手机屏幕大小进行自适应缩放所以就找到这种形式来解决这个问题添加css img { -ms-interpolation-mode: bicubic; } img { width: 100%; } 就这样就能保证图片可以自适应手机；当然最后我没用这个方案，我觉得细节上感觉不大气，最

手机浏览器用css设置图片自适应大小: 转载自： http://www.lao8.org/article_1373/css3_shoujiyemian 导读: 手机浏览器(移动站点)图片自适应的css代码:手机页面不像pc网站, 尽可能避免使用js脚本, 以避免不同的手机浏览器出现"水土不服".你可以用手机浏览器访问老吧的一个页面测试一下这个手机网页的图片自适应大小: http://m.lao8.org/a50 手机页

Android 实现图片的自动缩放，适应分辨率不同的手机: 以下代码可实现Android图片按照不同屏幕手机的大小 比例缩放。 1、定义 bitmap public Bitmap viewBg;// 背景图 2、给他图片资源 viewBg = BitmapFactory.decodeResource(res, R.drawable.shuaibao_bg); 3、就是正事了，自己看吧 canvas.save(); Matrix matrix=

手机移动网站自适应高度，手机网页图片自适应大小: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?00c696d58ba23e895e2

如何让一个iframe里面的页面自适应iframe的大小？: 情况是：rn在一个页面里有一个iframe，iframe的SRC连接到一个test.html页面，在test.html里有一个button，button的onclick="javascript:window.location.href='userRegister.jsp';"rnrn在转到'userRegister.jsp'页面时，如何让'userRegister.jsp'的大小和iframe的大小一样，也就是不出现滚动条？

怎么实现一个窗口包括子窗口根据手机屏幕大小自适应: rnrn我想做一个设置窗口，让这个窗口及里面的控件在不同大下的手机屏幕上能够自适应。rn我上网找了一下，有人用了以下的方法，但是对这个方法我不大懂，有没有人知道是什么意思？rn我把我不懂的部分放注释了，请搜“疑问”，请大家帮我看看，解我疑惑。rnrnrn平台下的应用程序经常要考虑到屏幕的大小。最常见的做法就是给不同屏幕大小定制不同的布局。但是这样的坏处也是显而易见。rn另一个办法就是让程序根据屏幕的大小的变化来调整布局。这些代码是我从网上找到的，然后再做一些修改。先说头文件：rnCtrlAdapt.hrntypedef structrn int iId; // 控件IDrn int iFlag; // 标志，表示怎样改变控件的位置或者大小rn int iPercent; // 改变值占对话框改变值的百分比 //疑问，这个百分比是什么意思？rn RECT pos;rn CtrlInfo;rn rnenumrnrn MOVE_X = 0, // 控件在X方向（左右）移动 //什么意思？rn MOVE_Y, // 控件在Y方向（上下）移动rn MOVE_X_Y, // 控件在X方向和Y方向同时移动rn ELASTIC_X, // 控件在X方向（宽度）改变大小rn ELASTIC_Y, // 控件在Y方向改（高度）改变大小rn ELASTIC_X_Y, // 控件在X方向和Y方向同时改变大小rn VECTOR_X, // 控件在X方向和Y方向同时改变大小rn VECTOR_Y, // 控件在X方向和Y方向同时改变大小rn VECTOR_X_Y // 控件在X方向和Y方向同时改变大小rn;rn rnvoid CtrlPosInit(HWND HMainWnd, RECT *rect, DlgCtrlInfo *pCtrlArray);rnvoid CtrlAdapt( HWND HMainWnd, int iOriginWidth, int iOrignHeight, DlgCtrlInfo *pCtrlArray );rnrn实现文件如下：rn//CtrlAdapt.cpp 疑问这个函数主要做什么？rnvoid CtrlPosInit (HWND HMainWnd, RECT *rect, DlgCtrlInfo *pCtrlArray)rnrn GetWindowRect( HMainWnd, rect );rn rn for ( ; pCtrlArray->iId; pCtrlArray++ )rn rn HWND hWndCtrl = GetDlgItem( HMainWnd, pCtrlArray->iId );rn GetWindowRect( hWndCtrl, &pCtrlArray->pos );rn pCtrlArray->pos.left -= rect->left;rn pCtrlArray->pos.right -= rect->left;rn pCtrlArray->pos.top -= rect->top;rn pCtrlArray->pos.bottom -= rect->top;rn rnrn rnrn//疑问这个函数主要做什么？rnvoid CtrlAdapt( HWND HMainWnd, int iOriginWidth, int iOriginHeight, DlgCtrlInfo *pCtrlArray )rn rn RECT rect;rn GetWindowRect( HMainWnd, &rect );rn int iNewWidth = rect.right - rect.left;rn int iNewHeight = rect.bottom - rect.top;rn int iIncrementX, iIncrementY;rn rn iIncrementX = iNewWidth - iOriginWidth;rn iIncrementY = iNewHeight - iOriginHeight;rn for ( ; pCtrlArray->iId; pCtrlArray++ )rn rn HWND hWndCtrl = GetDlgItem( HMainWnd, pCtrlArray->iId );rn RECT CtrlRect;rn GetWindowRect( hWndCtrl, &CtrlRect );rn int iLeft = pCtrlArray->pos.left;rn int iTop = pCtrlArray->pos.top;rn int iRight = pCtrlArray->pos.right;rn int iBottom = pCtrlArray->pos.bottom;rn int iWidth = pCtrlArray->pos.right - pCtrlArray->pos.left;rn int iHeight = pCtrlArray->pos.bottom - pCtrlArray->pos.top;rn rn switch( pCtrlArray->iFlag )rn rn case MOVE_X:rn rn if ( iIncrementX > 0 )rn iLeft += (iIncrementX * pCtrlArray->iPercent / 100);rn break;rn rn case MOVE_Y:rn rn if ( iIncrementY > 0 )rn iTop += (iIncrementY * pCtrlArray->iPercent / 100);rn break;rn rn case MOVE_X_Y:rn rn if ( iIncrementX > 0 )rn iLeft += (iIncrementX * pCtrlArray->iPercent / 100);rn if ( iIncrementY > 0 )rn iTop += (iIncrementY * pCtrlArray->iPercent / 100);rn break;rn rn case ELASTIC_X:rn rn if ( iIncrementX > 0 )rn iWidth += (iIncrementX * pCtrlArray->iPercent / 100);rn break;rn rn case ELASTIC_Y:rn rn if ( iIncrementY > 0 )rn iHeight += (iIncrementY * pCtrlArray->iPercent / 100);rn break;rn rn case ELASTIC_X_Y:rn rn if ( iIncrementX > 0 )rn iWidth += (iIncrementX * pCtrlArray->iPercent / 100);rn if ( iIncrementY > 0 )rn iHeight += (iIncrementY * pCtrlArray->iPercent / 100);rn break;rn rn case VECTOR_X:rn rn iLeft = iNewWidth * iLeft / iOriginWidth * pCtrlArray->iPercent / 100;rn iRight = iNewWidth * iRight / iOriginWidth * pCtrlArray->iPercent / 100;rn iWidth = iRight - iLeft;rn break;rn rn case VECTOR_Y:rn rn iTop = iNewHeight * iTop / iOriginHeight * pCtrlArray->iPercent / 100;rn iBottom = iNewHeight * iBottom / iOriginHeight * pCtrlArray->iPercent / 100;rn iHeight = iBottom - iTop;rn break;rn rn case VECTOR_X_Y:rn rn iLeft = iNewWidth * iLeft / iOriginWidth * pCtrlArray->iPercent / 100;rn iRight = iNewWidth * iRight / iOriginWidth * pCtrlArray->iPercent / 100;rn iWidth = iRight - iLeft;rn rn iTop = iNewHeight * iTop / iOriginHeight * pCtrlArray->iPercent / 100;rn iBottom = iNewHeight * iBottom / iOriginHeight * pCtrlArray->iPercent / 100;rn iHeight = iBottom - iTop;rn break;rn rn rn MoveWindow( hWndCtrl, iLeft, iTop, iWidth, iHeight, FALSE );rn rn UpdateWindow( HMainWnd );rn在应用程序里做如下处理：rnstatic DlgCtrlInfo sSettingCtrlArray[] =rnrn rn IDC_STATIC_DEFAULT_INPUT, VECTOR_X, 100, 0, 0, 0, 0 , //疑问结构体为什么这么初始化是什么意思？rn IDC_STATIC_FONT_SIZE, VECTOR_X, 100, 0, 0, 0, 0 ,rn IDC_STATIC_IMAGE, VECTOR_X, 100, 0, 0, 0, 0 ,rn IDC_STATIC_BOX, VECTOR_X, 100, 0, 0, 0, 0 ,rn IDC_STATIC_CHARSET, VECTOR_X, 100, 0, 0, 0, 0 ,rn IDC_COMBO_DEFAULT_INPUT, VECTOR_X, 100, 0, 0, 0, 0 ,rn IDC_COMBO_FONT_SIZE, VECTOR_X, 100, 0, 0, 0, 0 ,rn IDC_COMBO_PICTURE, VECTOR_X, 100, 0, 0, 0, 0 ,rn IDC_COMBO_CHARSET, VECTOR_X, 100, 0, 0, 0, 0 ,rn IDC_CHECK_FUZZY_K_G, VECTOR_X, 100, 0, 0, 0, 0 ,rn IDC_CHECK_FUZZY_F_H, VECTOR_X, 100, 0, 0, 0, 0 ,rn IDC_CHECK_FUZZY_L_N, VECTOR_X, 100, 0, 0, 0, 0 ,rn IDC_CHECK_FUZZY_Z_ZH, VECTOR_X, 100, 0, 0, 0, 0 ,rn IDC_CHECK_FUZZY_EN_ENG, VECTOR_X, 100, 0, 0, 0, 0 ,rn 0, 0, 0, 0, 0, 0, 0 rn;rn rnRECT s_SettingDlgOriginRect;rn rnWindowNCtrlPosInit(hWnd, &s_SettingDlgOriginRect, sSettingCtrlArray);rnReMoveWindowNCtrl( hWnd, s_SettingDlgOriginRect.right-s_SettingDlgOriginRect.left, s_SettingDlgOriginRect.bottom-s_SettingDlgOriginRect.top, rnrnsSettingCtrlArray);rnrnrn

QT button上面的图片如何自适应控件大小: 问题如上，如何哪位大牛可以知道所有控件中加载图片，图片适应控件大小的那就更好了。rnrn我在QT版问了不少问题了，我的结贴速度是有目共睹地，大仙么出来指导下吧rnrn希望在过一个星期可以开始在QT版本混专家分

能不能在里打开一个页面: 我想在表单中建里一个菜单，点其中的某一条后就在旁边的iframe里打开一个对应的网爷，不知道怎么写？

获取与手机屏幕适中的图片: 1、背景我们使用Camera的应用程序捕捉图像时，如：Intent intent = new Intent(android.provider.MediaStore.ACTION_IMAGE_CAPTURE); startActivityForResult(intent, REQUESTCODE );然后在onActivityResult()中获取捕捉的图像：protected void onActi

WebView手机屏幕（图片适应屏幕的宽度）适配的多种方式: 混合开发中经常使用到WebView，适配如果前端做就省事了，自己做的话需要做适配

html+css手机端自适应网页: 一，最近在做项目，写移动端的网页，主要是自适应的问题。bootstrap等前端框架用的不好，又不想耽误时间，不能自适应很烦人，这里给大家介绍下我的方法，也是结合了很多人的思路。 1.在头部加入这样的一行代码： &lt;meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0...

如何开发手机端网页，如何让网页自适应？: 工具/原料一个浏览器方法/步骤先看一个简单的网页代码&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"/&gt;&lt;/head&gt;&lt;body&gt;hello 我不是自适应网页&lt;/body&gt;&lt;/html&gt;在PC电脑端的实现效果如图在移动端的实现效果如图很明显，当在移动端上显示时，它仍然是按照，p

手机端网页所有内容根据屏幕大小自适应(大小，位置): 手机端和PC端网页的百分百自适应

关于手机上显示网页自适应大小viewport参数设置: 关于手机上显示网页自适应大小viewport参数设置

如何让页面自适应显示器大小?: 比如页面会跟根据显示器是15寸，17寸，宽屏，正屏自动调整。rn高分请较web达人？rn谢谢！！！

弹出窗口如何能实现自适应页面大小~~~~: 我使用window.showModalDialog()函数弹出窗口,设定了初始宽度与高度 ,并且弹出窗口使用了 .现在我想实现弹出窗口页面跳转能使该弹出窗口自适应新的跳转页面的大小吗??rn我还想通过弹出窗口自身再弹出窗口的方式来实现,不过新的弹出后原来的无法关闭,我使用的关闭函数是这样的:window.opener= null ;window.close();请问这样对吗?rn

UEditor富文本编辑器宽度随页面大小自适应: 设置UEditor富文本编辑器宽度随页面大小自适应 解决方法： 1.打开/ueditor/ueditor.config.js 找到initialFrameWidth属性,默认值是1000.即是initialFrameWidth: 1000 把值更改为'100%' , 即是initialFrameWidth: '100%' 保存后,刷新浏览器再看看... 原文地址：https://...

如何让iframe自适应页面大小（有码）: 有一个页面，这个页面就嵌入了一个iframe，没有其他内容，如下：rn[code=HTML]rn rn rn rn[/code]rnrn页面加载时，在pageload方法中获得 iframe的src，然后将获得src值付给iframe。rnrn现在的问题是，如何让iframe自适应页面大小，我设置了iframe的width 和 height 为100%，但是右侧页面出现了两个滚动条，一个aspx页面的，一个iframe里面的，请问如何设置，才能让人感觉不到iframe的存在呢？rnrn谢谢。

WebView加载页面自适应控件大小: WebSettings webSettings = webView.getSettings(); webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN); 设置前设置后

手机web——自适应网页设计（html/css控制）: 文章主要参考于：http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html(阮一峰的网络日志) 在这篇文章的基础上加上了写自己的理解（文章蓝色部分）。一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。首先，在网页代码的头部，加入一行viewport元标签。 &lt;...

手机web——自适应网页设计（html/css/jsp控制）: 转载自 http://mobile.51cto.com/ahot-409516.htm 就目前形势来看，Web App 正是眼下的一个趋势和潮流，但是，对于Web App的设计可能大家有的不是很了解，下面就将整理好的网页设计的技巧奉献给大家。一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。首先，在网页代码的头部，加入一行viewport元标签。 ...

网页自动适应手机端: 判断是否为手机端 if (window.navigator.userAgent.toLowerCase().indexOf('mobile') == -1) {//-1 为PC端 1为移动端 } 贴出代码复制过去吧网站对移动设备友好，确保适当的绘制和触屏缩放： <meta name="viewport" content="width=device-width, in...

移动Web开发图片自适应两种常见情况解决方案: 本文主要说的是Web中图片根据手机屏幕大小自适应居中显示，图片自适应两种常见情况解决方案。开始吧在做配合手机客户端的Web wap页面时，发现文章对图片显示的需求有两种特别重要的情况，一是对于图集，这种文章只需要左右滑动浏览，最好的体验是让图片缩放显示在屏幕有效范围内，防止图片太大导致用户需要滑动手指移动图片来查看这种费力气的事情，用户体验大大降低。二是图文混排的文章，图片最大宽度不超过屏

4种必须知道的Android屏幕自适应解决方案: 以下是Demo首页的预览图一、细说layout_weight 目前最为推荐的Android多屏幕自适应解决方案。该属性的作用是决定控件在其父布局中的显示权重，一般用于线性布局中。其值越小，则对应的layout_width或layout_height的优先级就越高，一般横向布局中，决定的是layout_width的优先级；纵向布局中，决定的是layout_height的优先级。

关于手机屏幕大小的显示问题: 请教一下做页面的时候，图标什么的都用百分比显示，在手机屏幕差不多的显示正常屏幕区别大的就不行了，特别是用计算机浏览器乱成一团。。该怎么解决rn

取得手机屏幕大小DisplayMetrics的应用: 取得手机屏幕大小DisplayMetrics的应用

atitit.自适应设计悬浮图片的大小and 位置: 分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; atitit.自适应设

JS实现图片居中且大小自适应: JS实现图片居中且大小自适应

killtest 免费提供 Symantec 251-521考试题库下载: Killtest是IT行业认证考试培训网站.主要提供国际IT认证考试模拟试题网站。购买最新的251-521题库，请登录www.killtest.cn 相关下载链接：[url=//download.csdn.net/download/kkv9jsd/2046805?utm_source=bbsseo]//download.csdn.net/download/kkv9jsd/2046805?utm_source=bbsseo[/url]

cfosspeed-v512下载: 网络软件 cfosspeed-v512 提升网络速度相关下载链接：[url=//download.csdn.net/download/yihai88/4045546?utm_source=bbsseo]//download.csdn.net/download/yihai88/4045546?utm_source=bbsseo[/url]

Android 应用的终端适配下载: 系统的介绍了怎么适配程序，不同类型的手机，不同大小的手机。用一套代码就搞定。相关下载链接：[url=//download.csdn.net/download/mengxd200621/4563506?utm_source=bbsseo]//download.csdn.net/download/mengxd200621/4563506?utm_source=bbsseo[/url]

我们是很有底线的