网页自适应
dreamweaver做手机网页的时怎么让网页100%自适应铺满屏幕，就是不能让它缩放？
html5默认允许用户缩放页面，如果需要禁止缩放，我们需要将user-scalabel=0设置下，具体代码如下：<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />注意:meta在head里。
CSS中如何设拉伸背景图片铺满屏幕
background:url(images/beijing.png) repeat;加个属background-size:100%;background:url(images/beijing.png) no-repeat;
如何把一个pc页面自适应手机屏幕
无论是电脑还是手机，要做到自适应屏幕，其实都是一样的。首先，在网页代码的头部，加入一行viewport标签<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。即让viewport的宽度等于物理设备上的真实分辨率，不允许用户缩放。其次：网页宽度css一定要使用百分比width: xx%;，不能用绝对像素。当然可以用width:auto;第三，流动布局.left{float: left;width: ***%;}第四，选择加载css这是自适应的关键部分.abc{ height:300px; border:1px solid #000; margin:0 auto} @media screen and (min-width: 1201px) { .abc {width: 1200px} } /* 设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */ @media screen and (max-width: 1200px) { .abc {width: 900px} } /* 设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */ @media screen and (max-width: 901px) { .abc {width: 200px;} } /* 设置了浏览器宽度不大于901px时 abc 显示200px宽度 */ @media screen and (max-width: 500px) { .abc {width: 100px;} } /* 设置了浏览器宽度不大于500px时 abc 显示100px宽度 */ 需要注意是CSS代码顺序，由大到小排版CSS（判断浏览器宽度越大越放前），这样是因为逻辑关系，@media 判断CSS排错将导致判断失效。第四，图片自适应img { max-width: 100%;}老版本的IE不支持max-width，所以只好写成：img { width: 100%; }筚五、采用相对字体大小字体也不能使用绝对大小（px），而只能使用相对大小（em）。这里最重要的，是第三条和第四条，也就是采用流动布局和css选择加载。祝你好运！
CSS中如何设拉伸背景图片铺满屏幕
background:url(images/beijing.png) repeat;加个属background-size:100%;background:url(images/beijing.png) no-repeat;
自适应手机屏幕代码
你确定你加的对吗，你再试试<meta name="viewport" content="width=device-width"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
我加的就是这句话，不管用的。我一直在想是不是我代码写的有问题，我想知道加这段代码有什么要求吗？比如写页面必须用百分比还是固定值什么的？或者别的地方还要注意写什么？
我就说说的经验吧，因为我也做过移动端的页面。首先就是自适应（说白了就是用百分比来设宽度），最外框肯定是用百分比的，但是一些小的部分就不能用百分比了，不然就会变形，就比如你说的图片，图片尽量定死了，不然不同的手机屏幕大小不一定，所显示的就不一样，甚至会变形了。你可以通过控制图片外面的DIV来控制位置，让它在符合美学的位置。这些是我的经验，但是，都是我自己摸索的，正确与否就你自己验证了
div内文字显示两行，超出两行部分省略号显示css能实现么？
通常的做法是这样的：1.overflow:hidden;2.text-overflow:ellipsis;3.-o-text-overflow:ellipsis;4.white-space:nowrap;5.width:100%;其中，overflow: hidden和white-space: nowrap都是必须的否则不会显示省略号；-o-text-overflow: ellipsis针对Opera；而宽度的设定主要是针对IE6；该方法支持Internet Explorer, Safari, Chrome 和 Opera，但FF并不支持，不过可以通过Jquery来实现类似的效果。下载Jquery插件：jQuery ellipsis plugin调用方法：1.$(document).ready(function() {2. $('.ellipsis').ellipsis();3.}
求CSS3字体自适应大小的方法！~
请使用”相对长度单位“ em ,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。所有浏览器支持例如： font-size:1em;
html5手机页面背景图片自适应大小问题
首先需要div布局，HTML布局：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"><title>背景图片自适应</title><style type="text/css">html,body {padding: 0;margin: 0;}div {width: 100%;height: 300px;background: url('images/slide_01_640x340.jpg') no-repeat;background-size: 100% 100%;}</style></head><body><div></div></body></html>2.HTML代码的截图效果：3.自适应最重要的样式如下：<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">width: 100%;background-size: 100% 100%;4.最终的效果是这样：
