html5中怎么设置按钮的宽度和高度

html-css017

html5中怎么设置按钮的宽度和高度,第1张

1、首先打开html5编辑器，新建一个html文件，在里面写入一个button按钮，被button按钮设置一个样式，这里给它的class属性设置为btn：

2、在上方引入style标签，在里面设置btn类的样式，这里设置宽度和高度使用width和height属性就可以了，最后在美化一下按钮，设置背景色和字体颜色以及文字橘子效果：

3、最后打开浏览器，即可看到设置好的按钮了。以上就是html5中设置按钮的宽度和高度的方法：

<canvas

width="800"

height="480"

style="width:800pxheight:480px"></canvas>

有两个地方可以设置尺寸，开发的时候，使用style外边的width和height。

实际显示的时候，通过设置style中的width和height来适应各种分辨率。

游戏开发和网页布局思路不一样，网页布局会根据分辨率不同，来填充整个屏幕，游戏开发一般是在一个固定尺寸的画布上开发，然后调整整个画布来适应屏幕。

移动端，分辨率相差太大，做一个尺寸，然后等比缩放，可能不能适应所有分辨率。

这时候，就需要设计多种分辨率了。

安卓开发就是多种分辨率，对应多套素材。html5方面，cocos做了多分辨率的适应，开发者只需要关注设计尺寸就可以了。egret不了解，可以自己看一下。

这种适应解决的问题是：对于小屏，用尺寸大的素材，浪费资源，而且性能会很差；对于大屏，用尺寸小的素材，显示效果会比较差。

只适用于长宽比一定，但是分辨率差的很多的情况。

对于长宽比不一样的情况，只能是居中，留白（最好是用背景填充），毕竟，不可能针对每一种分辨率开发一套。