首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的button标签中，加入样式代码：style=width： 200px；height： 80px；。
专注于为中小企业提供网站建设、网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业甘肃免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
你自己用js模拟写一个下拉效果，这种不推荐，写得太麻烦。你搜索一下“select2”这个插件就是要的，引入后使用非常方便，效果也是比较好的。
div的100%是从其上一级div的宽高继承来的，有一点很关键，就是要设置div100%显示，必须设置其上一级div的宽度或高度，否则无效。
html5设置按钮的宽度和高度一般是结合CSS3来设置的。
如果是图片，可以用百分比控制他的大小，如在属性中加入width=x 文字部分可以用DIV或者TABLE来控制他在不同大小的浏览器中的百分比。
首先DIV居中，最好不要使用左边距来设置，margin：0 auto；即可让你的层居中，然后再对层的宽度进行定义，定义时请使用百分比进行，这样才能保证层能够随着浏览器大小而变化。
left：10vw：距离窗口（其实是可视区域，即窗口去掉边框。
最外层的DIV设成多少没关系，我个人建议你把里面的DIV或TABLE的宽度和高度都设成是百分比的。
完成后选择网页编辑窗中的文本，单击新的样式表名称，可以看到选中的文本发生了变化。预览时试试定义的文本字体尺寸还会不会随浏览器的选择字体大小而改变。
在CSS里添加媒体查询，查询屏幕宽度的大小。
1、自然，解决这个问题的办法就是将表格宽度设置成固定宽度（也就是像素值）。另外如果外层表格已做好固定宽度设置，内层表格也可以适当使用百分比设置。清楚这个原则以后，如果出现类似的问题大家也知道怎么解决。
2、http：//demo.liuxianan点抗 /2016/01/09-html5-video-resize/ 宽高比变大 保持宽度不变，调整rotateX即可实现高度变小，也就是宽高比变大了。
3、在【开始】→【运行】中输入： regedit→确定（或按回车键）之后，打开注册表编辑器。依次打开：HKEY_CLASSES_ROOT→往下找.htm项（注意前面有英文状态的句号）。
4、width：100%； max-width：100%；}。
5、HTML5网页在电脑端和手机端都全屏显示的步骤如下：打开HTML5网页代码。在网页头部加上新代码，让网页的宽度自适应设备的宽度。
1、宽高比减小时，以高度为基准，调整rotateY即可实现宽度变小，也就是宽高比变小了。
2、经常为不同分辨率设备或不同窗口大小下布局错位而头疼，可以利用@media screen实现网页布局的自适应。
3、可以用JS监控屏幕大小，然后调整Canvas的大小。
4、所谓自适应，就是对所支持的分辨率有一个预先定义好的宽度。具体做法是，1，使用js根据屏幕分辨率来设置html宽度，不同的分辨率采用不同的html宽度。2，采用固定宽度。然后居中对齐或者左对齐或者右对齐。
5、对于只有几个像素宽度或高度的层，改用图片来实现。 避免使用 W3C 组织不推荐的排版属性，用 CSS 代替。
CSS 方面：去掉所有元素的外间距、内边距，html 和 body 宽高设为 100%，canvas 元素 display 设为 block。JS 方面：监听窗口的 resize 事件，在窗口大小改变的同时调整 canvas 的大小。
结论：要做真正的“感应式”设计，自动适应多个屏幕，又不想写代码，就只能用互动大师http：//vxplo点吸烟 去做。
经常为不同分辨率设备或不同窗口大小下布局错位而头疼，可以利用@media screen实现网页布局的自适应。
http：//demo.liuxianan点抗 /2016/01/09-html5-video-resize/ 宽高比变大 保持宽度不变，调整rotateX即可实现高度变小，也就是宽高比变大了。