网页设计不同尺寸版本（网页设计通用尺寸）

本文目录一览：

• 1、网页设计的页面尺寸标准
• 2、网页设计合适的页面尺寸是多少
• 3、做手机网页要考虑哪几种尺寸呀
• 4、大屏网页设计-如何设计自适应屏幕大小的网页ResponsiveWebDesign...
• 5、网页设计合适尺寸

网页设计的页面尺寸标准

网页设计合适页面尺寸：800*600下，网页页面宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

pc端网版页的设计稿尺寸是宽度1920px，高度最小是1080px，主体内容在权1200px内就行，比较规范。移动端网页的设计尺寸可以考虑680px和720px。

*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。1024*768下，网页宽度保持在1002以内，就不会出现水平滚动条，高度则视版面和内决定。

pc端网页的设计稿尺寸是宽度1920px，高度最小是1080px ， 主体内容在1200px内就行，比较规范。

这没有什么绝对的最标准尺寸，只能说是当前最流行的用的最广泛的尺寸。当前最流行的分辨率是1920*1080的，在该分辨率下，页面中心区域为1200px以内都可以。

这一讲主要来说说网页设计的标准尺寸 在800×600分辨率下，页面宽度应在778px以内，这样不会出现横向滚动条，高度可以依据版面和内容而定。

网页设计合适的页面尺寸是多少

网页设计合适页面尺寸：800*600下，网页页面宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

pc端网版页的设计稿尺寸是宽度1920px，高度最小是1080px，主体内容在权1200px内就行，比较规范。移动端网页的设计尺寸可以考虑680px和720px。

*768下，网页宽度保持在1002以内，就不会出现水平滚动条，高度则视版面和内决定。

这一讲主要来说说网页设计的标准尺寸 在800×600分辨率下，页面宽度应在778px以内，这样不会出现横向滚动条，高度可以依据版面和内容而定。

其实也没有硬性规定，但是为了兼容大多数浏览器一般是设置960px，随着现在浏览器分辨率的变化，已开始向着1000px，1200px宽度发展，例如淘宝（1000px）京东商城（1200px）。

做手机网页要考虑哪几种尺寸呀

要根据不同手机不同的屏幕分辨率来规定尺寸。一般做效果图主流都是做480*800来测试，iphone4（或s）就用640*960，但这个都只是效果图，真正开发还需要切图用点9来做屏幕适配。

Android的最小点击区域尺寸是48x48dp，也就是说在xhdpi设备上，按键尺寸至少是96x96px。在xxhdpi设备上，它是144x144px。 无论画布设置多大，我们设计的都是基准放大的界面风格，开发者需要的单位都是逻辑像素。

对于IOS系统的手机，一般只要考虑两个尺寸就可以了，一个是720px，另一个是1080px。如果是平板电脑的话，也可以通过跳转来识别，但很多企业会建立一个以ipad为首的网站，方便ipad用户来访问。

*1280、1080*1920。[单位：像素]Android比iPhone的寸尺多了很多套，建议取用720*1280这个尺寸，这个尺寸720*1280中显示完美，在1080*1920中看起来比较清晰，切图后的图片文件大小也适中，应用的内存消耗也不会过高。

大屏网页设计-如何设计自适应屏幕大小的网页ResponsiveWebDesign...

1、年，Ethan Marcotte提出了”自适应网页设计”（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个范例，里面是《福尔摩斯历险记》六个主人公的头像。

2、其次，除了布局和文本，”自适应网页设计”还必须实现图片的自动缩放。有条件的话，最好还是根据不同大小的屏幕，加载不同分辨率的图片。有很多方法可以做到这一条，服务器端和客户端都可以实现。

3、一种自适应建立计算机站网站的方法 全屏宽度主要在于CSS代码，将宽度设置为100%，而不是固定的像素值。代码如下。

网页设计合适尺寸

pc端网版页的设计稿尺寸是宽度1920px，高度最小是1080px，主体内容在权1200px内就行，比较规范。移动端网页的设计尺寸可以考虑680px和720px。

网页设计合适页面尺寸：800*600下，网页页面宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

现在用的最多的分辨率还是1024*768，在这种分辨率下，含滚动条的页面最大宽度应不超过994px，所以一般页面宽度定位在990px以内比较适宜。

在ps里面做网页可以在1003*600状态下显示全屏，页面的下方也不会出现滑动条，尺寸为1003*650像素左右 。在IE0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。

其实也没有硬性规定，但是为了兼容大多数浏览器一般是设置960px，随着现在浏览器分辨率的变化，已开始向着1000px，1200px宽度发展，例如淘宝（1000px）京东商城（1200px）。

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