1、直接设置选择标记的宽度。首先，在文件中创建一个新的HTML文件和两个select下拉列表
2、然后在顶部的head标记中设置样式表。首先，设置第一个选择标记的宽度。在这里，将select1的样式标签的宽度设置为300px，这是一个精确的值，并设置高度和背景色，以便查看下一步的效果：
3、然后设置select2的宽度。在这里，使用百分比设置宽度。百分比代表整个屏幕的比例，设置为50%：
4、最后，当进入浏览器时，可以看到两个具有不同宽度的选择下拉列表。上面是控制HTML页面中下拉列表宽度的方法：
window.open('page.html',
'newwindow',
'height=100,
width=400,
top=0,
lef
t=0,
toolbar=no,
menubar=no,
scrollbars=no,resizable=no,location=no,
statu
s=no')
'page.html'
弹出窗口的文件名；
'newwindow'
弹出窗口的名字（不是文件名），非必须，可用空''代替；
height=100
窗口高度；
width=400
窗口宽度；
top=0
窗口距离屏幕上方的象素值；
left=0
窗口距离屏幕左侧的象素值；
toolbar=no
是否显示工具栏，yes为显示；
menubar，scrollbars
表示菜单栏和滚动栏。
resizable=no
是否允许改变窗口大小，yes为允许；
location=no
是否显示地址栏，yes为允许；
status=no
是否显示状态栏内的信息（通常是文件已经打开），yes为允许
锁定html页面大小，可以通过插入代码来实现，具体操作代码如下：第一步、将以下代码加入页面：
<script language=javascript>
function hero()
{
var herowidth=400//改为你要的网页宽度
var heroheight=300//改为你要的网页高度
window.resizeTo(herowidth,heroheight)
}
hero()
</script>
第二步、在<body>中加入：
<body onresize=hero()>
