响应式网页是目前网页制作的主流，它不仅在欧美市场比较流行，在中国的大部分企业也建立起了响应式网站。那么，今天小凡就跟大家谈谈响应式网页制作需要注意的问题。

　　首先，什么是响应式呢？就是内容布局能随用户使用显示器的不同而变化。所以，运用响应式原理设计的网页，不管是在PC端还是移动端，都能随着设备的转换而适应性改变。

　　好吧，接下来真正进入主题，该如何制作网页，有什么注意事项呢？

　　1.隐藏导航栏

　　在电脑网站上因为不受屏幕的限制，所以对导航栏没有过多的要求，可以直接显示出来。但是在手机网站上面尽量隐藏导航栏，不然会让用户觉得页面混乱，而且，因为屏幕比较小，用户也会不小心点到，由此导致跳转到不需要的页面，可能会让用户反感。

　　2.减少图片和视频混淆

　　图片和视频混搭的效果其实很不好，试想一下，用户在查看图片的时候，突然下一张图片变成了视频，突如其来的声音会让用户不知所措，或者是反感，因为消耗的流量变多了。所以，避免这样的组合搭配。

　　3.避免图片标题

　　使用图片标题可能是比较新颖的做法，但是呈现出来的效果并不是特别好，因为在移动端显示的时候，图片标题可能会和页面中的图片重叠，影响到整个页面的视觉感受。在网页制作的时候一定不要使用图片标题，仅仅使用文字标题就可以将内容很好地表现出来了，而且，单纯的文字做一些其他的设置也比较方便。

　　4.确保图片显示尺寸不要超过原始图片

　　图片的尺寸和网站上显示的像素要一致，如果你准备的图片比网站设置的尺寸小，那你就不得不拉伸图片，这样做的结果就是图片会出现扭曲，而且，像素会变差。虽然响应式网页可以将图片以适合的宽高显示出来，但是这样拉伸后的图片其实效果很差，所以，在响应式网页制作时要确保图片显示的尺寸不要超过原始图片。

　　在进行响应式网页制作的时候，要注意到每个细节，一个小细节可能决定了整个网页制作的成败。