响应式网站设计尺寸规范（网页设计的宽度一般为多少应该怎么把握）
本文目录
网页设计的宽度一般为多少应该怎么把握
百度统计流量研究院对于2017年上半年的分辨率使用情况统计得出。
排名第一的是360×640，这是竖屏，一般在医院、学校中才能见到，暂且不谈。
排名第二的是1920×1080，占比13.07%。
1366×768排第三，占比6.32%。这说明现在主流的电脑分辨率是1920×1080。
排名第七的分辨率，1024×768，是最小的电脑尺寸了，仅占3.13%，很少有人使用。在做pc端的网页设计时，不用考虑这个尺寸，而应在做pad端和手机端的适配时，将其纳入考虑。
而更高级的响应式网站应该是在严格的栅格规范下，适应于不同宽度，确保各宽度下的展示效果。但这样的成本也会相应增加，在开发网站时，需综合考虑实际需求和开发成本。time（《时代周刊》官网）是个很好的响应式网页案例。
扩展资料
网页设计中的注意事项：
1、网页设计的尺寸标准：
面向1024-768显示器分辨率开发的网页尺寸，宽910px；
面向800-600显示器分辨率开发的网页尺寸，宽778px；
2、网页设计中的画布设定：
尤其注意分辨率为72 像素/英寸。
3、设计中的网页字体问题
中文字体：尤其注意“设置消除锯齿的方法”选项要选择“无”。
宋体是最常用的网页字体，12px 是中文操作系统可以表现的最小的字体，内容。
文字大小一-般用两种，12px 或14px(现在的新的vista据说能表现10px的中文字，但现在使用并不多)。
英文字体：其中英文字体最小表现为10px 字verdana字体是大多数网页使用的英文字体，比起arial字体更美观和均衡。
效果图：
网页效果图中的网页字体，虽然在最后制作网页的过程中不需要裁剪。但做为设计中不可分割的重要元素，一定要认真使用，因为你不单要设计文字与整体网页的关系，还要设计字体的样式表颜色。
请问响应式网页设计PSD需要做多大的尺寸和多大的分辨率
PSD最好做1366*768的尺寸，网页顶部、底部、导航条部分需要百分百宽 内容根据PSD设定具体像素
建设网站时，网页大小应该设置成多少
可以进行响应式设计。
页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSSmediaquery的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。
技术思想：不仅要同比的缩放图片，还要在小设备上降低图片自身的分辨率。这个技术的实现需要使用几个相关文件，我们可以在Github上获取。包括一个JavaScript文件(rwd-images.js)，一个.htaccess文件，以及一些范例资源文件。大致的原理是，rwd-images.js会检测当前设备的屏幕分辨率，如果是大屏幕设备，则向页面head部分中添加BASE标记，并将后续的图片、脚本和样式表加载请求定向到一个虚拟路径"/rwd-router"。当这些请求到达服务器端，.htacces文件会决定这些请求所需要的是原始图片还是小尺寸的"响应式图片"，并进行相应的反馈输出。对于小屏幕的移动设备，原始尺寸的大图片永远不会被用到。
网页设计合适的页面尺寸是多少
其实也没有硬性规定，但是为了兼容大多数浏览器一般是设置960px，随着现在浏览器分辨率的变化，已开始向着1000px,1200px宽度发展，例如淘宝(1000px）京东商城（1200px）。
如果需要兼容不同浏览器尺寸，现在比较流行的做法是做成响应式的，即根据不同分辨率显示不同的尺寸，工作量也就随之增加了。貌似国内的大网站也没有使用。
网页设计的工具
网页设计软件：FrontPage（简单易用，且高度符合IE浏览器支持设计）；DreamWave（功能强大，设计成品支持众多浏览器）。
图像处理软件：Photoshop或Fireworks；动画制作：FlashMX。
知识储备：基本网页常识；HTML知识（很简单，早期只用此制作网页，用记事本即可，用浏览器打开后呈现网页内容）；CSS知识（级联样式表（CascadingStyleSheet）简称“CSS”，通常又称为“风格样式表（StyleSheet）”，它是用来进行网页风格设计的。通过设立样式表，可以统一地控制HTML中各标志的显示属性。
本文相关文章：
2026年10月10日 17:40
2026年10月5日 15:50
哪位知道如何制作一个完美的销售网页要详细点具体点的，当然肯定有很多中 把最主要的列出来谢谢！！！？做一个房地产销售网页大概需要多少成本
2026年10月4日 04:50
2026年10月4日 04:10
2026年10月2日 11:50
2026年10月1日 08:00
2026年9月27日 17:50
2026年9月25日 21:20
2026年9月22日 06:40
2026年9月20日 11:00
更多文章：
2026年10月11日 06:50
2026年10月11日 06:40
2026年10月11日 06:10
2026年10月11日 06:00
2026年10月11日 05:50
湖北十堰爆炸事故原因（湖北十堰，发生爆炸事故致11死，酿成这起惨剧的起因是什么）
2026年10月11日 05:30
安徽六安一女子在奥迪车内被殴打扒衣，警方称是感情纠纷，案件会如何定性？安徽六安教师讨薪事件真相是什么
2026年10月11日 04:40
2026年10月11日 03:40
2026年10月11日 03:20
2026年10月11日 03:10
