THML5的发展和普及，使得响应式网站日渐成为网站建设新趋势，响应式一出现就以适应多种设备的能力，得到众多客户的青睐。今天奇站网络带你来了解响应式网站开发的关键点。

1、媒体查询

基础划分

　　由于响应式网站需要同时适应PC、Pad、手机等，我们可以先设置3个关键断点，分别针对不同类型的设备

　　768

　　992

　　1024

细化屏幕种类

　　pc显示器又可以依据屏幕分辨率细化为标准屏(1366768)、全高清(19201080)、超高清(2k及以上)，例如苹果的27寸屏幕就跟普通的同尺寸显示器分辨率就差别较大。

　　移动端(主要是手机)可以依据屏幕细化出

　　iphone 5：320px

　　iphone 6： 414px

　　为了达到显示效果的最佳，响应式网站建设中代码最好针对细化的分辨率进行优化。

2、不要使用固定像素

　　元素、图片尽量不要使用固定像素设置，否则一量屏幕尺寸变化轻则显示变形，重则元素位置错乱、遮挡。

　　响应式网站图片相同区域尽量处理成相同规则，并设置成自适应图片自动等比例变化，这样就再也不用担心屏幕变化导致错乱。

　　响应式设计不断发展，以上就是响应式网站建设中几点实践。厦门奇站网络提供大量响应式网站模板供您选择，开通即可使用，快来选择适合您的响应式网站吧。