大家好，今天小编关注到一个比较有意思的话题，就是关于响应式设计常用的布局尺寸的问题，于是小编就整理了4个相关介绍响应式设计常用的布局尺寸的解答，让我们一起看看吧。

1. 响应式布局一般要响应哪几个尺寸
2. 图片如何响应式布局图片响应式布局***码
3. 响应式网页 介面设计 多大字号
4. 响应式常用尺寸

1、响应式布局一般要响应哪几个尺寸

响应式：同一个图片展示网页，在电脑等宽屏浏览时一行显示6个，并且图片下面有简短介绍；使用手机浏览时，一行显示2个，文字介绍变成半透明的浮在图片上。

比如说***的浏览器是电脑1366*768就显示宽屏布局（如左右布局），如果是手机宽480px，就显示适用于手机的布局（如上下布局）。

具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。

响应式布局是css3的新属性；日后注定取***常规布局。

2、图片如何响应式布局图片响应式布局***码

还有其他方式，如JQuery和专门做响应式的JS文件，比如nicebox均能实现自适应效果，实现响应式布局。

目前最常见的解决方案作为一般规则，***会在任何响应式网站中发现以下CSS样式：1img {2max-width： 100%；3height： auto；4}此***码使用max-width：100%的设置，以确保图像永远不会超越其父容器的宽度。

Bootstrap是用动态语言LESS写的，主要包括四部分的内容：脚手架——全局样式，响应式的12列栅格布局系统。记住Bootstrap在默认情况下并不包括响应式布局的功能。

简单点就是布局设置宽度的时候，用百分百设置。但这样还是很容易出问题（内容溢出，内容移位）。最好就是用响应式布局，专门针对各个分辨率进行设计css。

***用bootstrap框架布局 bootstrap框架布局完成的页面，是自动对应的自适应效果。但是在书写的时候，应该严格按照bootstrap的书写规范，才不会出现怪异性问题。写***举例：说明：最后的数字对应该div所占栅栏的列数。

3、响应式网页 介面设计 多大字号

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

网站讲求的是协调性，网页不是给***一个人看，所以要兼顾其他浏览者的感受的话，字体上最好是使用12-14px大小的常规字体，这也是***上网看到的网页字体都是这么大的缘故。

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

在手机上显示，内容显示过小，用户为了看清楚，首先需要放大界面，再左右拖拖界面。

作为一个UI设计师，界面规范真的很重要，我们也许能把ios各个模块数据如数家珍，但是字体呢，正文字体多大字号？标题多大字号？哈哈，别发蒙，今天小编给大家带来满满的的干货，原文来自@王铎（MICU设计）带来的界面设计常用字体规范，大家看完果断。

4、响应式常用尺寸

所以响应式设计一般对600px下，1000px上针对各版本做@media细化。

响应式网站的智能化，用户体验***好 随着电脑尺寸多元化，智能设备（pad/智能手机）普及化，在当下追求用户体验至上的时***，之前网站普遍使用固定的宽度（960px）逐渐满足不了现在不同设备与不同分辨率需求。

也就是一半。col-*-6***表在平板上也显示p占当前行的一半。col-xs-12***表在手机端显示为当前行的百分之百填充。还有其他方式，如JQuery和专门做响应式的JS文件，比如nicebox均能实现自适应效果，实现响应式布局。

响应式布局是网页的布局针对屏幕大小的尺寸而进行响应；通过检测视口分辨率，针对不同客户端在客户端做***码处理，来展现不同的布局和内容；只需要开发一套界面即可适用于所有尺寸及终端。

到此，以上就是小编对于响应式设计常用的布局尺寸的问题就介绍到这了，希望介绍关于响应式设计常用的布局尺寸的4点解答对大家有用。