商业源码 dreamweaver 背景怎么自适应浏览器大小
分析如下：
1、页面大的时候它也变大但是大到它本身的尺寸的时候，再扩大页面它就不大了！设置最大宽高为的宽高~！代码如下：
<div style="max-width:395px; max-width:744px">
<img src="images/zs_img01gif" style="width:100%; height:100%; " />
</div>
2、例子：
<div style="width:50%; height:50%; background-color:#0C9;">
<img src="img/0jpg" width="100%" height="100%" style="max-height:343px; max-width:571px;" />
</div>
插入的信息设置：
<img src="img/0jpg" width="100%" height="100%" style="max-height:高度; max-width:宽度" />
扩展资料
CSS工作原理
CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。
样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页通过一个特殊标签链接外部样式单。
：CSS工作原理
第一步：找到include/ arcarchivesclassphp文件，找到代码：
//设置全局环境变量 $this->Fields['typename'] = $this->TypeLink->TypeInfos['typename']; @SetSysEnv($this->Fields['typeid'],$this->Fields['typename'],$this->Fields['id'],$this->Fields['title'],'archives');
在代码的下方添加如下代码：
//去掉img的width和height
$this->Fields['body'] = preg_replace("/style=\"width\:()\"/","",$this->Fields['body']);
注意：是添加在 } 里面。
第二步：手机端内容页css控制代码
改为：
img {
width: 100%;
height: auto;
自适应屏幕大小显示主要是利用百分比来控制，切忌给宽度一个固定值。如下代码：
html代码:
<div class="imgbox"><img src="地址" alt="">
</div>
此时的css可以写成:
imgbox img{width:100%;}这样，的大小就会根据其父级容器的大小而变化，的宽度只设置百分比，这样可以根据浏览器窗口的大小变化而随时调整。
在轮播图上放时，经常因为不够宽或者太宽，高度不够或者高度太过的情况，如何调整尺寸呢？
如果太窄，填不满页面时，可以设置：
carousel-inner img{
width: 100%;
}
用width：100%将页面填满。
如果太高，占的页面太多空间的话，可以设置：
#myCarousel{
width: 100%;
max-height: 500px;
}
carousel-inner img{
width: 100%;
max-height: 500px;
}
用max-height限制高度。
http://wwwart9cn/ban-ma-tu-framed-1930html#hk类似这种选择画框的效果,楼主是平时是做PHP的,这种效果,苦思一天,不得其然,求赐教
回复讨论(解决方案)哎哟
把图弄下来处理处理，只剩边框，作为背景就行了
把图弄下来处理处理，只剩边框，作为背景就行了
有大量的尺寸不同的图,要手动来作图的话明显不可行
这有什么？人家是做生意的，画框种类是已知的（可选）你要做的只是用 GD 组装成一个而已
这有什么？人家是做生意的，画框种类是已知的（可选）你要做的只是用 GD 组装成一个而已
gd基本的操作我会,但是你看看我的链接里面的第一个画框,那种纹路我确实想不出是怎么用gd库做出来不是拉伸的,如果是拼接,想不出他的边框原图是怎么设计的
把图弄下来处理处理，只剩边框，作为背景就行了
有大量的尺寸不同的图,要手动来作图的话明显不可行
高版本浏览器背景已经支持缩放就算要兼容也有办法，使用img标签加载背景图，背景图的容器设置为相对定位，然后将要显示的绝对定位到背景img上居中即可
若是让做一个背景进行平铺，则可以使用，background-repeat:repeat；
若只是想让那一张被撑开，则可以使用:background-size:cover；
-webkit-background-size:cover；
-moz-background-size:cover；
但是这要注意的是，这个属性只有高级浏览器才能支持。比如chrome或者firefox或者IE9以上的属性。
0条评论