自适应网页有哪些尺寸

如何使网页适应所有屏幕宽度“自适应网页设计”是如何工作的？网页设计一个合适的页面尺寸是什么？如何让网页适应屏幕尺寸1。首先，在网页 code的开头添加一行viewport meta标记，最好是自适应的，这样体验更好，如果不知道什么是自适应，可以参考古德的页面设计。

创新互联建站成都网站建设按需求定制制作，是成都网站建设公司,为人造雾提供网站建设服务,有成熟的网站定制合作流程，提供网站定制设计服务：原型图制作、网站创意设计、前端HTML5制作、后台程序开发等。成都网站建设热线：13518219792

根据我多年的开发经验，1200的宽度有最好的用户体验，但是！最好是自适应的，这样体验更好。如果不知道什么是自适应，可以参考古德的页面设计。一般1024左右比较合适。1024是保证，因为现在的电脑至少有1024宽，一般都在这个宽度以上，只有少数老电脑小于这个宽度。设计的时候注意居中和适配宽度，这样宽度超过1024就可以显示在中间，不难看，低于1024就可以适配宽度。

adaptive网页design的核心是CSS3引入的MediaQuery模块。它的意思是自动检测屏幕宽度，然后加载相应的CSS文件。上面的代码意味着如果屏幕宽度小于400像素(maxdevicewidth:400px)，将加载tinyScreen.css文件。

如果通过css设置背景图片，图片尺寸应该足够大，目前的宽屏在1920左右，所以最好设置宽度为1920，然后居中；如果通过一个div嵌入图片，那么将这个div设置为绝对定位，zindex:1；。不知道你的背景图是一整块还是一小块瓷砖效果。如果是平铺，将放置背景图片的图层宽度设置为%(百分比)，如:宽度:95%；在这种情况下，页面大小会随意改变。3、如何让 网页自适应屏幕大小

1。首先，在网页 code的开头添加一行viewport meta标记。视口默认宽度和高度为网页，也就是说网页的宽度默认等于屏幕宽度，原始缩放比例(initialscale1)为1.0，即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置，包括IE9。对于那些老浏览器(主要是IE6、7、8)，需要使用css3mediaqueries.js

这个很重要。具体来说，CSS代码不能指定像素宽度:width:xxxpx；只能指定百分比宽度:宽度:xx %；或者宽度:自动；3.相对大小字体不能使用绝对大小(px)，只能使用相对大小(em)。body{font:normal100%Helvetica，Arial，sansserif}上面的代码指定字体大小为默认页面大小的100%，即16像素。

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

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

Adaptive网页Design是如何运作的？其实并不难。1.首先，在网页 code的开头添加一行viewport meta标记。视口默认宽度和高度为网页，也就是说网页的宽度默认等于屏幕宽度，原始缩放比例(initialscale1)为1.0，即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置，包括IE9。

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