css百分比定义没有效果，css 百分比

CSS3响应式布局higit百分比无效问题

1、user-scalable=no ：用户是否可以手动缩放（默认为no）引入包含Media的CSS文件 一般情况HTMLCSS代码都是分开写的，Media也不例外。

2、响应式布局就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。在我们的移动端的网页设计中，要求很高，1像素的差别就影响我们的整个页面的设计美感。

3、只要你会5，就可以做响应式布局。 如果不用5语言写，那就用普通的4来写，宽高用百分比来表示就行，赵一鸣随笔部落格就是用百分比来表示的，你可以搜寻开启网站看一下。

4、你这个问题问的好大。响应式布局：media选择器。根据宽度通过样式控制页面布局 直接使用样式百分比来控制。通过js监控页面宽度，然后通过js手动去控制页面布局，显示元素或者隐藏元素，设置某些元素宽高之类的。

5、采用响应式布局，需要注意以下几点：第一，用百分比给元素设定大小；第二，不要对元素进行绝对定位；第三，写css时用上@media媒体查询技巧。bootstrap是响应式布局做得不错的前端开发工具，有兴趣可以学习一下。

6、应该说，响应式布局解决了典型的屏幕像素不同样式的问题，但是却依旧搞定不了之前的那个问题。

相关问答

Q1: CSS百分比定义高度为什么没有效果

1、因为页面并没有缺省的高度值，所以，当你让一个元素的高度设定为百分比高度时，无法根据获取父元素的高度，也就无法计算自己的高度。

2、如果父元素没有指定高度，那么子元素的百分比的高度设置了也没用。

3、看在哪些元素了。如果定义在行元素上 这本身是无法定义宽高的 等，要看据体的 出现场景 关注web前端：7天可以100%还原网页模块。

4、如果按照1的写法还是无法设置div高度，原因可能就是父容器没有设置高度，这个算法一定要在父容器有高度的情况下才能生效。

5、css+div，嘿嘿，在高度上，你早点忘记百分百这个单位吧。

6、是起作用的！用百分比做属性值时，一定要注意的是：百分比是相对于其父级元素的。你的这个就现对于：的高度了。可以通过下面三个图，对比下，也很好理解，三个图的div高度分别设置的是50%，100%，100px。

Q2: 为什么在CSS中设置div的高度为50%,在代码···里显示不出来效果呢...

1、css+div，嘿嘿，在高度上，你早点忘记百分百这个单位吧。

2、只需要把HTML或BODY的高度设置为100%，然后在body内的任意DIV的高度用百分比表示，就可以了。

3、也许是你css引用的路径不对，或者你把css样式放到html文件中去，看看样式真否能出来。如果出不来那就是你css有错误了，浏览器无法继续执行下去。

4、或者问题为如何设置div高度等于视口高度。前端高度问题一直是个坑，只要是子元素的排版一定要求要有宽高，但是body没有宽高这种说法。你还不能给它固定设置，因为不同屏幕的宽高不一样，只能用JavaScript获取宽高设置。

Q3: css容器没设置宽度,里面的元素设置百分比偶尔样式错乱

首先分析一下，你这个布局，容器里面的元素都设置了宽度没。如果设置了宽度。那在浏览器缩放时，容器的宽度不能满足元素宽度。自然会向下挤，布局就乱。

方法如下：使用固定的像素值和视窗单位来设置表格的宽度和高度，可以保证表格的宽度和高度不会随着浏览器窗口大小的变化而变化。

htmL css 如果视窗缩小，页面样式就错乱这个怎么解决？ 如果视窗缩小，页面样式错乱就要对每个元素设定长宽、浮动、定位保证每个元素唯一。HTML中引入CSS样式的形式：正常引入 。

Q4: CSS:height:100%失效原因,如何让它生效_html/css_WEB-ITnose

1、按常理，当我们用CSS的height属性定义一个元素的高度时，这个元素应该按照设定在浏览器的纵向空间里扩展相应的空间距离。例如，如果一个div元素的CSS是height： 100px；，那它应该在页面的竖向空间里占满100px的高度。

2、利用table特性，在width and height all set 100%的时候，可以把容器嵌套在td内形成绝对居中，此时的被嵌套容器可为绝对或者相对大小。

3、px 会生效的原因是因为这时 .dropbox-nav碰巧高 37px 而已。 这时你应该用 .dropdown-nav li：hover ul{ top：100%； }，也即无论 .dropbox-down多高，这个下拉菜单都会往下移动 100%。

4、从运行结果来看IE6达到了高度自适应效果，但是其他标准浏览器中，容器的高度是100px，产生溢出，因为min-height属性被height属性所覆盖。

5、还有200px的网页空间是空白的，怎么把这张宽度为800px的图片设置为用户显示屏宽度的100%，也就是拉伸这张背景图片。

Q5: 在css中,position:absolute;top:20%;不起作用都是有哪些原因

好使啊，绝对定位是相对浏览器定位的，根据浏览器的高度的不同，你的50%的值也不一样，位置也不一样。

问题出在position： absolute；这个定位属性上.并且你想要同时固定三栏，用position属性是非常不明智的。既然你使用了浮动属性，你可以考虑下面的布局。

top：20px；left：-40px；} position：absolute 当指定 position：absolute 时，元素就脱离了文档【即在文档中已经不占据位置了】，可以准确的按照设置的 top，bottom，left 和 right 来定位了。

css position属性允许你定位一个元素，通过使用top，left，bottom，right属性，当然你必须先设定position的属性值，以便告诉浏览器依据什么方式进行定位。

关于css百分比定义没有效果和css 百分比的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。