html5整屏 html打开直接全屏

html5里面怎样自动适应手机屏幕的高度

用JS调制屏幕大小。CSS 方面：去掉所有元素的外间距、内边距，html 和 body 宽高设为 100%，canvas 元素 display 设为 block。JS 方面：监听窗口的 resize 事件，在窗口大小改变的同时调整 canvas 的大小。

通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。

可以用JS监控屏幕大小，然后调整Canvas的大小。

建议：如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签文档 解决方案3：看你之前是怎么做的，最好都调整成百分比的，这样最省事。

相关问答

Q1: 关于html5,用div+css做页面怎么能铺满全屏

1、首先使用HTML编辑器sublime_text，点击进入。开始写代码之前，先去查一下css中什么可以控制div的大小。

2、第一步，创建或打开Web项目，新建html文件以及CSS文件，见下图，转到下面的步骤。第二步，执行完上面的操作之后，图中显示了HTML页面代码，定义div并给出id属性等级，见下图，转到下面的步骤。

3、HTML5网页在电脑端和手机端都全屏显示的步骤如下：打开HTML5网页代码。在网页头部加上新代码，让网页的宽度自适应设备的宽度。

Q2: html5怎么设置整页背景图片

1、在插入背景图片的容器里设置background-size： 100%，这样图片就会覆盖整页。

2、body style=background-image： url(图片文件地址)； background-attachment： fixed；这样背景图片就会固定住，不会因页面滚动而重复。

3、html语言背景图片拉伸代码：background-size：cover，可以使图片拉伸铺满背景。

Q3: 做好的html怎样转成html5自适应屏幕大小?

1、通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。

2、自然，解决这个问题的办法就是将表格宽度设置成固定宽度(也就是像素值)。另外如果外层表格已做好固定宽度设置，内层表格也可以适当使用百分比设置。清楚这个原则以后，如果出现类似的问题大家也知道怎么解决。

3、用JS调制屏幕大小。CSS 方面：去掉所有元素的外间距、内边距，html 和 body 宽高设为 100%，canvas 元素 display 设为 block。JS 方面：监听窗口的 resize 事件，在窗口大小改变的同时调整 canvas 的大小。

4、自适应网页设计的核心，就是CSS3引入的MediaQuery模块。它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。

5、style=width：50%/ 这样就会保持屏幕的50%的宽度。

6、首先你要在html页面头部加上下面的代码，其次你要把页面中的宽度修改为百分比，不能不用固定尺寸，一些小的模块可以用固定尺寸。再就是css中要应用到媒体查询，也就是@media，不懂可以百度。

关于html5整屏和html打开直接全屏的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。