1首先，打开html编辑器，新建html文件，例如indexhtml，编写问题基础代码2在indexhtml中的ltbutton标签中，加入样式代码style=quotwidth 200pxheight 80pxquot3浏览器运行indexhtml页面，此时按钮的宽度被；var ifr_width=$windowwidth*075 $quot#demoquotcss#39width#39，ifr_width $quot#demoquotcss#39height#39，ifr_width*075ltscript jQuery中获取当前窗口的宽度代码是$windowwidth；这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结，非常具有实用价值，需要的朋友可以参考下1使用meta标签viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备。

可以用JS监控屏幕大小，然后调整Canvas的大小在代码中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window；1打开HTML5网页代码2在网页头部加上新代码，让网页的宽度自适应设备的宽度代码如下ltmeta name=quotviewportquot content=quotwidth=devicewidth initialscale=10 maximumscale=10 minimumscale=10 userscalable；1在网页的lthead中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度html view plaincopy ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， minimumscale=05， maximumscale=20；HTML元素显示在页面中，页面显示在浏览器中，浏览器显示在屏幕上这些容器的高度和宽度可以通过Js的一些对象获得容器的大小是指当前分辨率下的高度和宽度，而不是物理高度和宽度例如，如果22英寸显示器的屏幕分辨率为1366*。

用以下代码开头lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定义宽度CSS代码可以适当使用media only screen and max；解决方案2建议你看一下网上的教程或者案例，自己对比学习再写建议如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签文档 解决方案3看你；首先你要在html页面头部加上下面的代码viewportquot，不懂可以百度content=quot，一些小的模块可以用固定尺寸meta ， name=quot再就是css中要应用到媒体查询，不能不用固定尺寸lt，其次你要把页面中的宽度修改为百分比；HTML设置table宽度的方法1直接使用table标签的width属性，语法“。

只有内嵌css有效，外部css会出现拉伸的情况，所以有两种方案 var myCanvas = quotltcanvas id=#39myCanvas#39 width=#39quot + screenavailWidth + quotpx#39 height=#39quot+ screenavailHeight + quotpx#39ltvanvasquot；echo off wmic desktopmonitor where status=#39ok#39 get screenheight，screenwidth for f quotskip=1 tokens=1，2quot %%i in #39type ##39 do set a=%%i set b=%%j del # f q echo 高度%a echo 宽度。

如一个22寸的显示器，屏幕分辨率为1366 * 768，那么获取到的屏幕高度为1366px，宽度为768pxscreenheight 屏幕高度screenwidth 屏幕宽度screenavailHeight 屏幕可用高度即屏幕高度减去上下任务栏后的高；HTML网页的开发中，需要对大小不一的屏幕兼容，使图片在不同的设备中可以展示预期的效果自适应屏幕的宽度，利用css中background属性可以实现 工具材料 浏览器，文本编辑器 新建一个HTML文件，代码如下图 打开HTML文件所在；p数据你好获取 p数据你好，设置设置 html5设置图片自适应屏幕宽度使用百分比，比如 这样就会保持屏幕的50%的宽度如果有上级标签，比如那图片大小就是p宽度的50%，p没有设置宽度就会默认是屏幕宽度，如果；style=#39width50%#39 这样就会保持屏幕的50%的宽度如果有上级标签，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那图片大小就是div宽度的50%，div没有设置宽度就会默认是屏幕宽度，如果设置。

目前来讲html不具备获取浏览器宽度的能力可以采用js的方式来获取，具体示例JS代码如下 获取窗口宽度if windowinnerWidthwinWidth = windowinnerWidthelse if documentbody w。