html页面怎么设置页面宽度

1、直接设置选择标记的宽度。首先，在文件中创建一个新的HTML文件和两个select下拉列表

2、然后在顶部的head标记中设置样式表。首先，设置第一个选择标记的宽度。在这里，将select1的样式标签的宽度设置为300px，这是一个精确的值，并设置高度和背景色，以便查看下一步的效果：

3、然后设置select2的宽度。在这里，使用百分比设置宽度。百分比代表整个屏幕的比例，设置为50%：

4、最后，当进入浏览器时，可以看到两个具有不同宽度的选择下拉列表。上面是控制HTML页面中下拉列表宽度的方法：

在word软件里面的页面设置选项即可完成word页面高度和宽度的设置，具体方法如下：

1、打开word软件。

2、导入或者新建需要调整的文稿。

3、点击上方的布局选项卡。

4、在布局选项卡界面下，点击页面设置右下角的按钮。

5、根据自己的需求调整即可。

6、预览整体页面大小，最后点击确定即可。

在word软件里面的页面设置选项即可完成word页面高度和宽度的设置，具体方法如下：

1、打开word软件。

2、导入或者新建需要调整的文稿。

3、点击上方的布局选项卡。

4、在布局选项卡界面下，点击页面设置右下角的按钮。

5、根据自己的需求调整即可。

6、预览整体页面大小，最后点击确定即可。

<input name="" type="text" size="15" style="width:100px;height:50px;"/>
修改style里面相对应的宽和高像素就行了。

1首先，在网页代码的头部，加入一行viewport元标签。
viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为10，即网页初始大小占屏幕面积的100%。
所有主流浏览器都支持这个设置，包括IE9，对于那些老式浏览器（主要是IE6、7、8），需要使用css3-mediaqueriesjs。
2、不使用绝对宽度由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。具体说，CSS代码不能指定像素宽度：width:xxx px;
只能指定百分比宽度：width: xx%;或者width:auto;
3、相对大小的字体
字体也不能使用绝对大小（px），而只能使用相对大小（em）。
body {
font: normal 100% Helvetica, Arial, sans-serif;
}
上面的代码指定，字体大小是页面默认大小的100%，即16像素。
h1 {
font-size: 15em;
}
然后，h1的大小是默认大小的15倍，即24像素（24/16=15）。
small {
font-size: 0875em;
}
small元素的大小是默认大小的0875倍，即14像素（14/16=0875）。

---