html5比例缩小 html5放大比例

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

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

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

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

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

5、在网页代码的头部，加入一行viewport元标签。

6、结论：要做真正的“感应式”设计，自动适应多个屏幕，又不想写代码，就只能用互动大师http：//vxplo.cn去做。

相关问答

Q1: 浏览器窗口化的时候打开HTML5页面为什么会缩小

前面打开的IE浏览窗口，只留下这个链接页面拉动边框，将窗口拉到整个屏幕然后关闭该页面，以后打开IE窗口直接最大化了。

IE浏览器显示的页面变小是因为设置了较小的显示百分比，解决的具体步骤如下：需要准备的材料分别是：电脑、IE浏览器。首先打开需要设置的IE浏览器，进入到网页页面中。

先关闭所有的IE浏览器窗口，然后鼠标右键点击IE的图标，选择“属性”，点击快捷方式标签，在出现的页面的 “运行方式”中 选择“最大化”，再按确定 就可以了。

工具/原料浏览器此处以IE9为例说明 步骤/方法如下，浏览器窗口内容被缩放了，而IE的标签栏和状态栏却没有变。

从此，您打开IE浏览器窗口，就直接能看到最大化的页面了。 方法三：如果上述方法不灵，那可得修改计算机的注册表了。

Q2: 请问HTML5如何伸缩盒模型比例缩小放大,里面的文本内容也能等比例缩放...

1、使用-webkit-transform：scalce()来缩放。里面的内容也会跟着缩放。

2、选中需要放大的文本，单击“开始”选项卡中的“增大字号”按钮，可以10磅为单位放大字体。选中文本，直接在“开始”选项卡的字号框中选择需要的字号大小，数字以磅为单位。

3、你好！首先文字必须是区域文字（即试通过文字工具在页面上拖东左键生成文本区域来写字，而不是通过文字工具在页面上单击来写字），才能够只修改文本框的大小。

Q3: HTML5设置图片的大小

首先打开hbuilder编辑器，新建一个html文件，里面设置一个div标签并设置div的固定宽度和高度。然后在div里面插入一张图片，将图片的宽度设置为何父级一样的宽度，代码就是width：100%；这里的100%会自动跟随父级的宽度。

首先你是通过第二种方式插入的是背景图片，直接用width和height只能控制div的宽度和高度。

首先打开html编辑器，设置一个div并对div设置固定宽度和高度，还要在div里面插入一张图片。

具体操作步骤如下：首先新建一个HTML页面，这里命名为“new_file.html”接着给标签设置背景图片，例如设置的是body标签。

HTML网页的开发中，需要对大小不一的屏幕兼容，使图片在不同的设备中可以展示预期的效果。

长、宽、高、位置），如图。此处”+、-“符号代表添加或删除路径，如图。设置好电脑桌面html网页或htm文件需要显示的大小后，在右下角有个”Apply“确认键，请点击确认，确认后便看到桌面有个”灯泡“图标软件。

关于html5比例缩小和html5放大比例的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。