显示器一般是以下几个尺寸1366x7681440x9001600x9001920x1080 我们不需要考虑显示器高度，很多网站将页面设计成最大1200宽通常一个页面设计好之后我们要把这个页面的模块根据宽度分成两个类小于1200px宽的大于120。

#39pagehtml#39弹出窗口的文件名#39newwindow#39弹出窗口的名字不是文件名，非必须，可用空#39#39代替height=100 窗口高度width=400 窗口宽度top=0 窗口距离屏幕上方的象素值left=0 窗口距离屏幕左侧的象素值toolbar。

一般都是由css完成的，如ltbody style=quotwidth1000px margin0 autoquot或者body width1000pxmargin0 auto 不过最好在body里面放div设置宽度，不要直接设置body。

你把文字最外围的那个元素的宽度设置成width70%，就显示的浏览器屏幕的70%宽度了，建议文字阅读的部分的宽度设置在680780之间。

采用百分比能够自动适应窗口，但不会小于页面元素中最宽的固定宽度一般页面宽度可以设置为1002px1024的分辨率下刚好满屏，不出现横向滚动条参考资料lta href=quot target=quot_blankquot rel=quotno。

想要网页宽度自适应，需要把网页元素宽度设置为百分比，还要在网页头部加上代码ltmetaname=quotviewportquotcontent=quotwidth=devicewidth，initialscale=10quot图片自适应，且不超过原始大小，需要设置最大宽度，代码如下img。

1在网页的lthead中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度html view plaincopy ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， minimumscale=05， maximumscale=20。

网页宽度可以根据需要灵活应用，建议在960px以上，1100px一下，当然特殊网页或者有特殊需求的可以根据需要调整，这个只是建议值满意请采纳，谢谢。

ltinput style=quotheight300pxwidth100pxquot 解释高300px，宽100px。

可以用css来整体控制一下，比如imgwidth450px 这个就是控制网页内所有的图片都是最宽为450个像素，如果你只是控制局部的一些图片为450px，那就定义一个class然后去控制。

工具材料Dreamweaver 软件或其他代码编辑器 1可以添加行内样式代码和效果html的表单按钮改变宽度方式一直接在元素上定义样式，代码如下方式二使用css控制，给按钮添加一个类名，如。

网页设计标准尺寸1800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定21024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612615之间就不会出现水平滚动条和垂直滚动条#xF3A8PS制作。

1首先用sublime text2新建一个测试用的html页面我这里就叫testhtml 2这个时候在网页中添加以个label标签和一个input框3预览一下效果，我们可以知道默认的宽度是10 4这里我们通过设置size的属性修改一下宽度7再。

用DIV套一下，CSS控制DIV宽度就行了。

网页设计选用的分辨率是72像素，使用的画布尺寸1920px*1080px但是并不意味着在整个画布上进行设计，一般采用全屏展示和两侧留白的方式全屏展示，是整个网站看起来大气一些，但是布局要合理安排，不然看起来有些傻大的感觉。

2图像预览效果如下所示3然后在div里面插入一张图片，如图4插入图片后，在预览中看到的效果，明显图片已经将父级的背景尺寸给盖住了，图片偏大了5然后这个时候，将图片的宽度设置为何父级一样的宽度，代码就。

ltdiv lt！viewport可视窗口，也就是浏览器，vw Viewport宽度， 1vw 等于viewport宽度的1%，vh Viewport高度， 1vh 等于viewport高的的1%深圳网站建设 ltbodylthtml。