css如何让图像的大小自适应屏幕在平板上和手机上都能自适应无论是电脑还是手机，要做到自适应屏幕，其实都是一样的首先，在网页代码的头部，加入一行viewport标签metaname=quotviewportquotcontent=quotwidth=devicewidth CSS字体自；用以下代码开头lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定义宽度CSS代码可以适当使用media only screen and max；头部要加的是这个，放在ltheadlthead标签里，这是初始化手机屏幕的ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， maximumscale=10， userscalable=noquot 你写的这段是要放在所有css。

var html = documentquerySelector‘html‘var rem = htmloffsetWidth 64 = rem + quotpxquot媒体查询 媒体查询正是为解决网页适应手机屏幕媒体查询的功能就是为不同的“媒体”设置不同的；aaawidth1200px 正常样式 下面是分辨率最小为300px，最大分辨率为1024px的样式 media screen and minwidth 300px and maxwidth1024px aaawidth375px 可以参考菜鸟教程CSS3 @medi；新增内建浏览器该怎么写要求自动适合手机萤幕大小 在网页的lthead中增加以上这句话，可以让网页的宽度自动适应手机萤幕的宽度 view plain copy ltmeta name=viewport content=quotwidth=devicewidth， initial；解决方案1p首先你要在html页面头部加上下面的代码viewportquot，不懂可以百度content=quot，一些小的模块可以用固定尺寸meta ， name=quot再就是css中要应用到媒体查询，不能不用固定尺寸lt，其次你要把页面中的宽度；建议你使用专门正对移动端的插件来完成，比如jquerymobile手写的话，一般都是要写100%的，自动全屏；自适应手机屏幕代码ltmeta name=quotviewportquot content=quotwidth=devicewidthquotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot 首。

给长度的时候都按照%的形式~就会实现自适应缩放~根据浏览器的大小打开~我用HTML做了一个页面想让他在手机浏览器中全屏显示，可是只用了多一半屏幕首先建议你用html5来开发，然后，在网页的 中增加以上这句话可以让网页；ltltspanmeta name=“viewport” content=“width=devicewidth， initialscale=10， minimumscale=05， maximumscale=20， userscalable=yes” 在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的；1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的lthead标签中，输入meta代码ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot3浏览器运行indexhtml页面。

才能自适应设备主要是这两点，当然细节上面还有很多和PC端不一样的地方我就不一一详述了，你按照上面亮点写你的页面，就能解决你说的问题万维网上的一个超媒体文档称之为一个页面外语page作为一个组织或者；1，输入positionfixedtop0left0将整个div固定在屏幕的顶部和左侧2输入width100％height100％min－width1000px这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时；在手机上不能固定宽度，要按百分比写页面宽度才能自适应设备主要是这两点，当然细节上面还有很多和PC端不一样的地方指向文件错误，比如你的网页文件在A，但是你却指向了B你把指向的文件放到网页文件内在试试如果下。