各位大侠，css中图片的缩放用的是width 和height 当它们的值为百分数是就会相对缩放，当我把width的值设置_百度知道
各位大侠，css中图片的缩放用的是width 和height 当它们的值为百分数是就会相对缩放，当我把width的值设置
css中图片的缩放用的是width 和height 当它们的值为百分数是就会相对缩放，当我把width的值设置为百分数是缩放了？求大侠帮忙，又改为height时 却缩放不了这是什么原因各位大侠
提问者采纳
css 中的 高 和 宽 一般是不推荐使用百分比来缩放的css里面的高是不能用百分比的哦～
但是我看视频教程里面的高度就是用百分比而且实现了高度缩放。
我明白了，div框的高是不能用高的百分比的你用的肯定是img标签吧，我这里实验一下，是可以的啊，你是怎么弄的？
这是用width进行的缩放 是可以的&style&img.test1{width:50%;}&/style&
&/head&&body& &img src=&1.jpg& class=&test1&&&/body&&/html&但是改为下面的就不行了&style&img.test1{ height:50%;}&/style&
&/head&&body&&img src=&1.jpg& class=&test1&&&/body&&/html&但是视频上面的代码也是这样就可以实现。
是这样的楼主，你的css代码语法不对你竟然已经定义了img的样式，就不能再在后面加clss样式来～所以img.test1这样写是错误的这样写.test1{width:50%;height:70%;}然后在&img class=&test1&&就可以啦～
其他类似问题
按默认排序
其他2条回答
可以做到图片等比放缩..html" target="_blank">/server/50:max-width.width&gt.zhushagui.; margin-top.; height://www.height ) &#47:120px.height&gt:this)! 你也可以看看我写的CSS 朱砂桂小苗 <a href="http:middle://www.height!;width!!:120px.
display.这样写./server/50:expression((120-this.;120:expression(120&&max-height:this)?120:expression(this! 也是块居中或底对齐的一种写法; 2)?120.aaa img { vertical-align
我现在就想知道我的那个代码是怎么错了？
img 是行元素哦, &style&img {display:}img.test1{ height:50%; }&&#47;style&这样试一下:)
可能是你图片的外层标签没有设置高度，而只设置了宽度，所以图片没有百分比的相对对象
百分数的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁可以从CSS框架中借鉴到什么
可以从CSS框架中借鉴到什么
14:02:40 |
摘要：现在很多人会使用 CSS 框架进行快速建站。
那 CSS 框架是什么呢，它通常是一些 CSS 文件的集合，这些文件包括基本布局、表单样式、网格、简单组件、以及样式重置。使用 CSS 框架大大降低工作成本进行快速建站。
当然对于一些大型的项目，可能会很难照搬某些框架直接使用的，因为直接使用会带来一些限制或者冗余的问题。
但在 CSS 框架已经日趋成熟的今天，在 ...
现在很多人会使用 CSS 框架进行快速建站。
那 CSS 框架是什么呢，它通常是一些 CSS 文件的集合，这些文件包括基本布局、表单样式、网格、简单组件、以及样式重置。使用 CSS 框架大大降低工作成本进行快速建站。
当然对于一些大型的项目，可能会很难照搬某些框架直接使用的，因为直接使用会带来一些限制或者冗余的问题。
但在 CSS 框架已经日趋成熟的今天，在我们设计项目架构、规范的时候，现时市面上一些优秀的框架也可以给我们提供很多可借鉴的地方。
本文主要从几个方面讨论 CSS 框架可以对我们项目的借鉴点：
1. 目录组织
2. CSS 规范
4. 应用方式
1. 目录组织
在目录组织的分析上我们参考了 Bootstrap , Blueprint , Yui , Yaml 四个框架的组织方式
当使用一个框架时，我们一般会把所需框架本身的样式链到页面中，然后在它的基础上进行修改。所以框架本身所带的样式可以理解为基础样式。即我们平时所说的全局样式+组件样式。
可以看到，在目录架构上4个框架基本都是遵循基本样式+用户定义扩展样式的常规方式进行组织。
然而，如果按 Bootstrap 做法的话，可能会出现把不常用组件样式也包含在全局样式中一并引入，如果把组件也写在全局 CSS 中，最好确保该组件出现频率较高才引入，避免不必要的带宽浪费。
关于 hack：
对于针对低版本浏览器所写的 hack，对它的处理方式，Blueprint 和 Yaml 都是使用单独引入 hack 文件的形式进行处理，笔者也尝试过这样的做法。
个人觉得这种方式的好处是可以避免给高级浏览器带来冗余代码，而且通过条件判断引入 CSS 也不会给高级浏览器带来额外的请求。
这种方式比较适用于，高低级浏览器本来就刻意设计成有较大差别的情况下，即 hack 比较多的时候才使用。不然就为了十来行 hack 而多引入一个文件的话似乎也不太可取。
2. CSS 规范
框架中公用模块都有前缀，分别有以下3个思想：
1. Yaml , Yui ：无论如何都是统一的标识开头，再加上改模块名称。
2. Bootstrap：直接模块名称，这方式需要定义关键字。公用模块是 button 都以 btn – 开头， image 则以 img- 开头。
3. Nec ：单字母开头来标识组件。
一般来说应用一个框架，我们先引入框架的样式，再在之上覆盖上自己的样式，所以可以把框架看作是我们的基础CSS。
我们可以借鉴框架的前缀规范来规划我们的基础 CSS 前缀，根据自己的项目实际情况采取不同的方案。
b. 类的划分
类的划分方式在框架中主要有2种标准，分别为：以【组件为粒度】，和以【属性为粒度】。
1. 组件为粒度：把组件的所有样式封装在一个类名中，调用类名即可使用该组件。
2. 属性为粒度：需要属性的时候，调用对应类名拼装。
在我们日常项目中，以属性对类名进行划分比较少见，因为一直遵循的都是“结构、样式、行为”分离的原则，力求降低三者的耦合度。
然而以这种方式划分在一些特定情况下也不是完全不可取。
例如对于一些元素的隐藏，如果没提供相关的类名的话，在js开发阶段开发就会直接内联 style 在对应的元素上（这将会触发 repaint/reflow），所以更好的方式是和js开发约定一个类名触发显示/隐藏的动作，在这种情况下，给 display: none 划分一个特定的类名，供给开发调用就会显得很实用了。
所以，更重要的是我们对所在的实际情况进行分析，并给出最佳的解决方案。
c. 组件类名组合方式
组件的样式，基本都是 基础类名+扩展类名 的套路来进行组合的变化。
但在选择符方面可以有3种方式， 目前最多框架使用的是：多类选择，通过修改 html 的类名组合，实现还原。
以按钮样式的实现为例：
这里采用常规的组合方式，不再赘述。
d. 高级 CSS 选择器
在对 Bootstrap 进行分析的过程中，发现 Bootstrap 定义了一系列的icon，这些 icon 的类名全部都是以 icon- 为前缀。
而在 CSS 中，Bootstrap 用到了子串匹配属性选择器。
[class^="icon-"]
使用这个的好处是，对于 icon 类的标签，我们再也不需要对其加一个对于 icon 的公用类名，只需要类名是以 icon- 开头就可以匹配所有 icon ，省了一个类名。
使用这种方式可以降低一定的成本，但是只在 IE7+ 浏览器才适用，如果要使用该类选择器的话请考虑是否需要兼容 IE6。
虽然 IE6 不支持，但是高级 CSS 选择器的确十分吸引，并且可用于移动端，所以特此提一下。
在参考的 CSS 框架中，它们会提供一些简单的图形元素， 但是实现的方式也有彼此不同之处。
但是共同点是，现今较新的框架，对于一些简单的效果，都会使用 CSS3 实现一些简单的渐变，对低版本 IE 进行优雅降级。
4. 应用方式
在参考实例是怎样使用这些框架的方式上，基本和我们平时项目使用方式一致。
在应用方式上，一般有两种方式。
1. 对于以组件为粒度的样式：
按照 组件的 html 结构 来拼合自己的页面模块，再辅助添加 自定义的类名 来控制其个性化定义。
2. 对于以属性为粒度的样式：
按所需要的样式对应类名进行拼接。
下面可以看几个简单的例子：
1. 以组件为粒度：
对于组件的覆盖，采取常规的自定义类名覆盖样式，此处不再赘述。
2. 以属性为粒度：
可以看到，若需要样式是属性以粒度，即把对应类名调入即可，但是在实际项目中，这种方式由于灵活度不够，并且没有做到结构与样式分离，实际项目中比较少见这种用法。
而对于功能性的动作，例如显示/隐藏元素，可以灵活使用这种方式，把所需样式写到一个特定类名中供给js调用，避免直接写入 style 导致 reflow/repaint。
对于目录组织：
目录组织——
可以考虑结合 Bootstrap 与 Yaml/Blueprint 的思想。
a .把常用的基础样式压缩合成一个文件。
b. 把不必现组件样式抽离成单独 CSS，按需加载。
【优化点】
减少了单个 global_min 文件的大小。
【权衡点】
需要考虑由此可能导致的请求数过多问题。
根据实际情况，可考虑把针对 IE6 的 hack 文件单独分出来。
【优化点】
便于对低级浏览器的大型差异化处理，并且减少对于高级浏览器的冗余代码。
对于 CSS 规范：
CSS 前缀——
可考虑尝试 Nec 的方式，约定 “单字母_xxx”为公用样式的标识，取消单一的公用前缀，通过以不同字母作为顶级前缀，对公用模块进行划分。
【优化点】
减免了“公用前缀_组件前缀_组件名”的多级前缀，通过以类名格式作为标识，代替了原来公用前缀的作用。
【权衡点】
仍需按项目实际情况考虑。
类的划分——
可考虑约定统一几个功能性的类名（以属性为粒度的类名），例如元素隐藏的类名，供给js调用。
【优化点】
减免让开发直接写 style 内联 CSS，造成页面的 reflow/repaint。
高级 CSS 选择器——
在对移动端页面进行重构时可以考虑使用更高级的 CSS 选择器。
例： [class^=”icon”]，:first-child，:nth-child(n)….
【优化点】
相比于传统的方法，节省类名。
对于图形：
考虑与设计师约定，视觉效果在可接受范围内，部分效果使用 CSS3 实现，对低级浏览器实现优雅降级。
【优化点】
大量减少图片的使用，节省带宽以及请求数。
随着新技术的不断涌现，越来越多优秀的 CSS 框架出现在我们的眼前，这里分析覆盖面有限，未能一一进行对比并深入探索，如有不足之处，敬请大家多多指正交流。
感谢你的阅读，本文由
版权所有，转载时请注明出处，违者必究，谢谢你的合作。
注明出处格式：腾讯ISUX ()
版权所有:非特殊声明均为本站原创文章，转载请注明出处：
订阅更新:您可以通过
您可能感兴趣的文章请问各位大侠这个用div+css怎么解决？_百度知道
请问各位大侠这个用div+css怎么解决？
请问各位大侠，我用过min-height也没用，但是在IE6里面就出现了第三个div跑到右边去了；(因为某种原因，每个div的css都是float，第四个div跑到下一行去了；但是大家可以看到，这4个div的高度不一样，而左边空白了，所以我用的高度自适应，必须要这样加浮动)如下图，这个该怎么解决啊:left，有4个div
hiphotos.jpg" target="_blank" title="点击查看大图" class="ikqb_img_alink"><img class="ikqb_img" src="http://b.baidu://b://b2&&无标题文档&&#47.w3;2&&gt.mean{div&div&style&css&quot://br/&title&gt.org/1999/xhtml&div class=&/1& &div class=&& background-}; background-box&br/body&gt:10px 10px 0px 0 &div class=&box&div class=&&&lt:2&&lt.w3:#FF0000;&&head& content=&br&#47://div&head&&/ &;4&div&div&Content-Type&&&mean&3&/body&gt&html&<a href="&gt
不行啊，在IE6下不行~
介于你这种情况用div不是太适合，建议你用table的形式，把你要的四快放在四个td中，肯定能实现你要的效果
如图，如果你第一个div的内容比较多，而第二个div的内容少就会出现这个样子
这是必然的结果，所以才建议你用table的形式，
html的源代码我不能改变，只能改变css，所以不能改成table...
那只能给这四块在原来的基础上再设置
提问者评价
其他类似问题
按默认排序
其他3条回答
就可以解决问题，就应该添加display，而且如果div里面同时有漂浮和内外边距时你加浮动时需要添加固定div的width:inline
div的width已经固定，加display:inline没用啊~
方便把你的代码粘上来看看吗
直接上传到你空间，然后贴地址来。
你有使用clear属性去清除浮动吗
div的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁请教大侠这段html+css代码为什么在ie和firefox中显示不一致?多谢多谢!!!
[问题点数：100分，结帖人travelman]
请教大侠这段html+css代码为什么在ie和firefox中显示不一致?多谢多谢!!!
[问题点数：100分，结帖人travelman]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
相关帖子推荐：
本帖子已过去太久远了，不再提供回复功能。各位网页设计的各位大侠， 有整站切好后的静态DIV+CSS的页面吗？我学习！谢谢了~ 邮箱：_百度知道
各位网页设计的各位大侠， 有整站切好后的静态DIV+CSS的页面吗？我学习！谢谢了~ 邮箱：
有了请打包发一个，我加分啊
提问者采纳
主你好，毕竟是别人买的.，我前段时间帮朋友做了一个，（我支持任何一个想学习网设的朋友），但是希望你别发给别人啦。 发给你可以的..已经发到你的邮箱，就是纯DIV+CSS静态的
非常感谢你，但是页面测试的时候有的中间的掉下来了是咋回事啊
其他类似问题
网页设计的相关知识
其他3条回答
截图 PS啊写代码DIV CSS建议你去论坛看看
去百度搜索网页模版 找找
用ps切片，之后存储为web格式，存储文件为图片和html，这样就有了，想要什么有什么的！请采纳
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁