网页设计经常使用大小来设计网页，允许网页的宽度自动调整。“自适应网页设计”是如何工作的？页面的实际像素取决于设计的宽度，对应页面不同宽度的实际像素如下:1 .设计宽度为800*600时，像素为778px，如何使网页适应所有的屏幕宽度“适应性网页设计”是如何工作的。

自适应网页设计是如何工作的？其实并不难。1.首先，在网页代码的头部添加一行viewport meta标签。Viewport是网页的默认宽度和高度。上面一行代码的意思是默认情况下网页的宽度等于屏幕宽度，initialscale1为1.0，即网页的初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置，包括IE9。

2.不要使用绝对宽度因为网页的布局会根据屏幕宽度进行调整，你不能使用绝对宽度的布局或具有绝对宽度的元素。这个很重要。具体来说，CSS代码不能指定像素宽度:width:xxxpx；只能指定百分比宽度:宽度:xx %；或者宽度:自动；3.相对大小字体不能使用绝对大小(px)，只能使用相对大小(em)。

3、用ps设计一个网站要设置多大的宽和高?分辨率是多少?

目前一般网页设计的最小宽度为1440px和1600px，不指定高度，但分辨率为72。1.一般来说，设计网站的大小是1920px(包括后台设计)。当然内容显示区域是950px/980px/1000px，分辨率是72。很多设计师为了追求细节，通常会把这个数值翻倍或者三倍。2.图示:整个页面设计的内容展示区:淘宝是950px，一般企业网站是950 px。

其实没有硬性规定，但是为了兼容大部分浏览器，一般设置960px。随着浏览器分辨率的变化，已经开始向1000px、1200px宽度发展，比如淘宝(1000px)、JD.COM商城(1200px)。如果需要兼容不同的浏览器尺寸，流行的做法是让它有反应，即根据不同的分辨率显示不同的尺寸，工作量也会相应增加。国内的大网站好像也不用。

DreamWave(功能强大，成品支持多种浏览器)。图像处理软件:Photoshop或Fireworks；动画:FlashMX。知识储备:基础网络知识；HTML的知识(很简单，你早期只是用它做网页，可以用记事本编辑，然后用浏览器打开后呈现网页的内容)；CSS知识(CascadingStyleSheet)简称“CSS”，也俗称“样式表”，用于网页样式设计。

设计宽度为1600px，页面实际像素应为1440px。页面的实际像素取决于设计的宽度。对应页面不同宽度的实际像素如下:1 .设计宽度为800*600时，像素为778px。2.设计宽度为1024*768，网页宽度保持在1002px。扩展信息:1。120*120.本广告规范适用于产品或新闻图片展示。第二，120*60，这个广告规格主要用于LOGO使用。

四、125*125，此规格适用于展示照片效果的图像广告。五、234*60，本规范适用于首页上框架或左右形式的广告链接。六、392*72，主要用于图片较多的广告条，用于页眉或页脚。七、468*60，最广泛使用的广告栏尺寸，用于页眉或页脚。八、88*31，主要用于网页链接或者网站的小LOGO。

今天这篇文章主要和大家聊聊HTML如何自动适配网页设计到屏幕宽度。有需要的朋友可以参考一下，希望能帮到你。「适应性网页设计」是如何让网页的宽度自动调整的？其实并不难。首先，在网页代码的头部添加一行viewport meta标记。视窗是网页的默认宽度和高度。上面一行代码的意思是默认情况下网页的宽度等于屏幕的宽度，原始缩放比例(initialscale1)为1.0，即网页的初始大小占屏幕面积的100%。

对于那些老的浏览器(主要是IE6，IE7，IE8)，你需要用css3mediaqueries.js不要用绝对宽度因为一个网页会根据屏幕宽度调整布局，你不能用绝对宽度布局或者有绝对宽度的元素。

8、设计网页,常见的宽度是多少像素?

目前显示器的分辨率差别很大，建议做一个响应迅速的网页。看看bootstrap，前端UI，根据浏览器的大小来调整页面的宽度是很好的。@media(minwidth:768px){，容器{宽度:750px}}通过判断浏览器的minwidth的宽度来确定你的内容区域的宽度。这样在不同的显示器下都能获得非常好的用户体验。