补充：图片不是背景图片
-
等级
本版专家分：152结帖率 80% -
如题~
补充：图片不是背景图片展开阅读全文
-
等级
本版专家分：152
-
额。。。都快沉了，顶上去
-
等级
本版专家分：20 -
在css里面设置那个框框的属性margin:0 auto;
-
等级
本版专家分：879 -
已经测试通过，改成你本地的一张图片就行了。
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(window).resize(function(){
$("#imgId").height($(window).height());
$("#imgId").width($(window).width());
});
});
</script>
</head>
<body>
<table>
<tr>
<td>
<img id="imgId" src="自己的照片。。。">
</td>
</tr>
</table>
</body>
</html>
-
等级
本版专家分：1221 -
宽度和高度定义为百分比就行
-
等级
本版专家分：81392勋章
-
-
红花
2011年2月 Web 开发大版内专家分月排行榜第一
2010年11月 Web 开发大版内专家分月排行榜第一
-
-
黄花
2011年3月 Web 开发大版内专家分月排行榜第二
2011年1月 Web 开发大版内专家分月排行榜第二
2010年10月 Web 开发大版内专家分月排行榜第二
2010年9月 Web 开发大版内专家分月排行榜第二
2010年6月 Web 开发大版内专家分月排行榜第二
-
-
蓝花
2012年10月 Web 开发大版内专家分月排行榜第三
2010年7月 Web 开发大版内专家分月排行榜第三
-
-
往往就是很简单的事：
<img src="http://avatar.profile.csdn.net/A/1/0/2_loveairsupply.jpg" width=60%>
-
等级
本版专家分：3
-
三楼 五楼正解、、、
-
等级
本版专家分：0
-
3楼的，图片会变形，4楼的，图片显示不完整，5楼的，不用说了，6楼的呢，那……更不用说！！！
-
等级
本版专家分：1054
-
...你的要求还真高 都不符合 你拿着窗口乱拖怎么可能有符合的 你说的按比例是啥比例 窗口长的比还是宽的比 这两个比本来就不一样 你把窗口拉长一条缝 请问你想你的图片显示成啥样？要么不就是显示成一点点 要么不就是显示不全么
- CSS实现背景图尺寸不随浏览器缩放而变化的两种方法
为什么80%的码农都做不了架构师？>>> ...
- 如何让图片按比例响应式缩放、并自动裁剪的css技巧
如何让图片按比例响应式缩放、并自动裁剪的css技巧 同时也适用于一些轮播父容器响应式缩放 响应式网站、移动端页面在DIV CSS布局中对于图片列表或图片排版时， 如果想要图片按比例缩放， 最简单的就是把...
- 当浏览器窗口缩放时echarts()也随着变化用resize() 方法
原声的JS function addLoadEvent(fn){ var old = window.onresize; if(typeof window.onresize != 'function'){ window.onresize = fn; }else{
- 关于大背景图片随浏览器百分比缩放的问题
新手，此文为整理自己的疑惑。存在问题欢迎指正，多谢。...后来又被要求，屏幕是100%的时候显示图片中间的内容部分，浏览器内容缩放后，整个背景显示出来，即两边隐藏的背景也显示出来，并且在屏幕
- 页面背景图尺寸不随浏览器缩放而变化
应用前提：当我们为某一个元素设置了背景图以后，希望该背景图不会因为浏览器的放大而放大或者随着浏览器的缩小而缩小 方法一：把图片作为背景图片（background） background-size：cover，这个CSS3的属性作用是把...
- 如何让css背景图片占满全部背景，并且随着浏览器缩放图片保持长宽不变呢？
style> .body{ background-image: url('${basepath}/resource/images/loginb1.jpeg'); background-size: 100%; background-repeat:no-repeat; } ...css代码添加背景图片常用代码 1 背景颜色 {
- 解决浏览器缩放时导致的页面布局的变化
在网页中，如果一个元素没有设置最小宽度(min-width)，这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化。 缩放实际是改变了盒模型的宽度和高度。 解决： 1、如果想要保持布局不变，可以给该元素（如...
- 图片随着屏幕大小变化而变化
1、img标签设置了width和height时，缩放浏览器显示比例时，不会改变图片大小，但是改变屏幕大小则会改变图片大小； 2、img的父标签div设置width和height，但img没有设置，则图片大小会随着浏览器缩放而改变，但是...
- html5如何让一个固定高宽的图片随着网页的大小而进行缩放
要把图片的高度和宽度设置成百分比形式，它的大小就会随着其父节点（父div）的变化而变化，同理其祖父节点（父div的父div）也不要设置成固定值。body是根节点（所有标签的直接或间接父级） 一般来说写页面的时候都是...
- div随着浏览器窗口大小变更，改变大小（resize）
浏览器的放大缩小会导致网页布局变动，jquery的resize()方法，可以根据浏览器的窗口大小的变动，对网页进行操作：以下是div随着浏览器窗口大小变更，改变大小（resize）的案例：html:js效果：resizeDiv的块会根据...
- 怎样使网页页面CSS样式不随浏览器大小的变化而变化呢？
网页中每个标签的style的width，height设置为具体数值，不要用百分比！ 例如： 错误：<body style="width:100%;height:100%">（F） 正确：<body style="width:1376px;height:768px">...
- 如何让一个固定高宽的图片随着网页的大小而进行缩放
求大神指导，是不是得用JS？ 谢谢了。
- CSS解决无序列表导航条随浏览器大小改变而窜行的方法
这种方法的效果是导航条随浏览器的大小改变而与浏览器呈现相应比例的缩放 方法二： 在ul 外添加一个div层 或者直接设置ul 属性。 设置ul或div属性 margin:0 auto;（使ul或div剧中），按照需求设置...
- frame缩放 iframe随浏览器缩放
---引入iframe： src="******" id="luke" name="luke" height="100%" width="100%...//---当窗口变化时设置iframe的宽度为100%，这样就可以随意缩放；//---如果采用reload也是可以的，但是有时会造成死循环。因为reloa
- js 背景图随浏览器大小而变化，且保持图片不变形
<html> <head> <style> body{ overflow:hidden; } #pic{ margin:0 auto;width:100%;height:100%;padding:0;max-width:100%;position:relative; } ... positio...
- ExtJS组件自适应浏览器大小改变
如果你再用ExtJS做项目，那么你应该会遇到如标题所说的问题，比如panel，grid等组件在浏览器大小改变的时候，没有自适应的改变，正常情况如图1-1，浏览器大小改变后如图1-2，折叠按钮不见了，这个就是因为组件没有...
- 关于Echarts使用问题之图表自适应浏览器窗口缩放图形
当我调整浏览器窗口大小的时候，问题来了：图表不会根据浏览器的窗口大小而进行适应性的调整大小，这个问题很严重，非常影响用户的体验，作为一个合格的程序员，我们一定要解决这个问题。后来翻阅文档找到了合适的...
- ExtJS大小随浏览器窗口大小调整自适应
第一种情况：Panel里嵌套两个panel可以设置layout为vbox，然后在item配置里，可以用flex:来指定两个子panel的比例大小。 [code="js"]Ext.define('My.view.b.Main', { extend: 'Ext.panel.Panel', ...
- 如何解决利用map中的area对图片进行映射时，随着图片的大小不断变化，所对应的映射在图片中的相对位置保持...
当我们在写程序时，希望能够点击图片中的某一个图标时，能够跳转到某一个页面中去，我们可以通过html的map标签来实现，例如： 当用户点击上面红色区域时，便会弹到对应的页面 代码如下（只需要对应的html代码就...
- element-ui table跟随屏幕缩放，有一定比例出现闪动
原因：初步怀疑，数据渲染后，浏览器缩小到一定比例后，滚动条刚好卡在出现与否的边缘，导致table疑似闪现 方法一： .el-table__footer-wrapper, .el-table__header-wrapper{ overflow: auto; 方法二： /* 解决...
- css设置了背景图片会随浏览器页面缩小而缩小，如何设置它被缩小后的最小宽度
body{ position: absolute; width:100%; height:100%; margin: 0px; padding: 0px; background-image:url(...希望图片在浏览器框框缩小的时候，缩小到一定宽度就不能再缩小了，同时要保证原来的宽高比
- CSS设置图片缩放
CSS设置图片缩放 ... 和文字大小一样，图片的大小也可以设置相对值和绝对值，例如，当设置width的值为50%，表示图片的宽度为父元素宽度的一半。 图片缩放 <!-- img.test1{
- Three.js浏览器窗口尺寸变化(自适应渲染)
开发的过程中你可能会遇到这样一个问题，通过鼠标拖动使浏览器的窗口变大，因为Threejs渲染器的渲染尺寸范围没有跟着变化，出现局部空白区域。对于这种情况要做的就是重新获取浏览器窗口新的宽高尺寸，然后通过新的...
- 原生webgl学习（八） WebGL实现动画：平移、缩放和旋转
但有时候我们需要模型动起来，就像真实世界中的一切运动变化一样。场景如果不是动态的，那么可想而知，我们的世界是多么枯燥乏味。为了让我们开发的图形应用看上去更加高大上，这一节笔者将和大家一起做一个动画的...
- css实现高度height随宽度width变化保持比例不变
方法一：padding width: 50%; height: 0; padding-bottom: 25%; 复制代码 一个元素的 padding，如果值是一个...使用 padding-bottom 来代替 height 来实现高度与宽度成比例的效果，将 padding-bottom 设置为想要...
- 移动端-图片及背景图的缩放
做了一组移动端的页面，在布局时遇到了一些问题，总结下以避免再次掉坑。 遇到的问题： 1.图片及带背景图片的块宽高等比缩放布局 2.margin,padding百分比布局 图片及带有背景图片的块的图片宽...
- JS监控DOM大小的变化
由于浏览器原生不自带DOM元素的resize事件，一直想弄一个JS监控DOM元素大小变化的功能，之前想过很多方法都各有优缺点，但是最近发现了一个很不错的方法，虽然以前有设想过但一直没有时间去实现，知道看到有人实现了...
- CSS百分比padding实现比例固定图片自适应布局
一、CSS百分比padding都是相对宽度计算的 在默认的水平文档流方向下，CSSmargin和padding属性的垂直方向的百分比...对于padding属性而言，任意方向的百分比padding都现对于宽度计算可以让我们轻松实现固定比例的块...
- iframe嵌入网页中随父页面缩放
我有个网页test.html，然后在这里面嵌入了一个iframe，iframe里是网页a.html；如何让test.html，放大缩小拉伸的时候，iframe里的网页也跟着test.html进行等比缩放
- 原生静态布局下，用div+css实现界面随着不同的屏幕变换自动调整大小
因为当我们设置100%的时候有一个对照的父元素，也就是说参照谁来设置自己高和宽的百分比。 对于有些浏览器来说，把屏幕的高和宽作为body元素的参照父元素，对于有些浏览器来说把屏幕的高和宽作为htm 的参照父...