把only screen and都去掉就好了，这是媒体查询代码，表示只有在屏幕尺寸小于639像素的时候才会应用下面的样式。如果想要在手机端自适应，你还需要写上下面这句话。
成都创新互联长期为上1000家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为望谟企业提供专业的网站建设、网站制作，望谟网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。
响应式布局，说直白点就是一个网站能够兼容多个终端，可以按不同的分辨率显示不同的状态。而实现这个就要用到css3的Media Queries（媒介查询）。这个功能非常的强大，但是有优点的同时，缺点也是会存在的。
这位网友你好，这是媒体查询代码，表示只有在屏幕尺寸小于639像素的时候才会应用下面的样式。如果想要在手机端自适应，你还需要写上下面这句话。
可能有三种情况：1。路径不对；2。图片格式不对，指的是本来是Gif格式的图片，你只在后面改了一个后缀名成jpg的。3。h3没有规定宽度和高度。背景图片是不需要规定高度和宽度的。
可以参考下css3手册@media属性，https：//，或者写段css实验一下。
1、检查html标签是否闭合。。IE设置是否正确。。如果出现错位的话就是兼容性问题。如果是空白页面请检查编码和标签闭合。
2、这是因为IE很多方面并没有按html和css的标准来做，它是想搞一套自己的标准，结果证明是失败的，因此IE（主要是指IE8-）不是标准浏览器，很多html5和css3的效果无法在IE中呈现出来。
3、可能原因如下：HTML页面编码与CSS编码不同（如HTML为gbk，CSS为utf-8）。CSS文件中未指定@charset头声明，导致IE默认使用页面编码来解码CSS文件（DEMO中IE浏览器使用gbk来解码一个utf-8的CSS文件）。
4、按照路径预览的网页文件和style.css应处于同一文件夹的根目录才可以。注意事项：书写的代码兼容性问题，建议查看css hack。a：link、a：visited、a：hover，按照顺序写。
5、您好，感谢您对火狐的支持 在中，css/text两属性颠倒了，建议安装Firebug，使用插件调试很容易发现这些问题。您可以在火狐guan 方网站下载火狐浏览器，在火狐社区了解更多内容。
6、很正常，你的很多CSS标签IE浏览器不支持，所以效果不一样，特别是如果你IE版本低的话，会更多的都不支持，不能正常显示。你可以升级IE，还不好的话：你需要修改你代码里的某些标签、或属性。
你可以设置div的最高高度(max-height)为窗口的高度，滚动条设置为自动：overflow：auto，就可以实现所需。
我做的一个弹出层，保存到本地你试试看，你要的应该就是这效果的吧。你看我的代码适当的参考一下应该就知道怎么弄了。
页面正常浏览就行。不用刻意缩小。且页面缩小到一定程度的时候，文字不会再缩小了。不用那么强迫症~用户也不会变态到把也缩小来看的。
比如#bg{position：fixed；width：100%；height：100%；} 万维网上的一个超媒体文档称之为一个页面（外语：page）。
例如：index.html。在index.html中的标签中，输入css代码：table {width： 70%}。浏览器运行index.html页面，此时无论网页大小如何变化，table总能占用网页70%的宽度，可以实现随着屏幕变化而变化。
如果用标题截取函数，则标题不是完整的，如果我们用CSS样式text- overflow：ellipsis，输出的标题是完整的，只是受容器大小的局限不显示出来罢了。text-overflow属性仅是注解，当文本溢出时是否显示省略标记。
然而这只是适应手机的前提条件，它告诉手机适配，这是一个响应式网站，然后需要写css去重置样式，这个需要专业的前端知识。
并不是加了meta标签，网站就会自适应手机屏幕了，还需要更改一些样式。
手机、平板设备屏幕尺寸众多，宽度不一，写手机、平板对应css时最好用百分比宽度来自适应各种大小不一的屏幕宽度。这个百分比尺寸不算太难但也不是个太轻便的活，如果你css不熟练的话最好先别折腾这块，把基础练好了来。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入meta代码：。浏览器运行index.html页面，此时PC端的网页在移动端上也能自动适配。