知识大全前端开发，我写网站页面如果没有用响应式布局，在我自己的电脑上1920*1080的像素下设计的网站，

Posted 2022-07-03 布局

篇首语：勤奋的人是时间的主人，懒惰的人是时间的奴隶。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全前端开发，我写网站页面如果没有用响应式布局，在我自己的电脑上1920*1080的像素下设计的网站，相关的知识，希望对你有一定的参考价值。

前端开发，我写网站页面如果没有用响应式布局，在我自己的电脑上1920*1080的像素下设计的网站，

主要是css的 @media 设定，并且把区块内容设为float，上网搜寻关键字有很多教学，提供一些连结：
:markxii./responsive-design-logo/ 响应式设计
:slideshare./ssuserf88631/ss-41814173 简报

求网站页面设计的网站

丁丁家园我一直都是喜欢这个，希望能帮助到你

什么样的网站，web 应用该采用响应式布局设计

直白的说，只要不是指定要求使用什么浏览器访问的网站，响应式布局都是可以使用的，也是应该使用的。
毕竟现在移动端访问很多，手机和pc访问差异很大，响应式布局就很有必要了，除非客户明确不考虑手机访问。

网站访问的设备包括多种，手机，平板，pc等等各种分辨率，尺寸不一的设备。要考虑响应式设计，让网站在不同尺寸下都能正常访问。

什么是响应式布局网站

响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。
响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用大势所趋来形容也不为过。随着越来越多的设计师采用这个技术，我们不仅看到很多的创新，还看到了一些成形的模式。
响应式布局有哪些优点和缺点?
优点：
面对不同分辨率设备灵活性强
能够快捷解决多设备显示适应问题
缺点：
兼容各种设备工作量大，效率低下
代码累赘，会出现隐藏无用的元素，加载时间加长
其实这是一种折衷性质的设计解决方案，多方面因素影响而达不到最佳效果
一定程度上改变了网站原有的布局结构，会出现用户混淆的情况
小微企业建站用微企点，真响应。

先来说说什么是响应式的网站呢，我们通过搜索百度百科得知，响应式Web设计(Responsive Web design)的理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。这下大家应该明白了吧，就是我们设计的网站在针对电脑，手机，还有一些智能设备的时候都能正常的浏览。不需另建单独的网址，一个页面适用于所有的设备，即自适应功能，可以自动识别屏幕宽度、并做出相应调整的网页。如今，这种响应式网站设计已经成为时代的潮流了。

下面我们带大家了解一下响应式网站设计的优缺点
1、更加方便维护和工作
以有我们一般要做一个电脑网站，想让我们的电脑网站能在手机上面正常打开，要开发一个独立的移动网站，会增加你的工作负担。实际上你就拥有了两个独立网站。如果你有一个响应式网站，维护的成本将会很小，因为它只有一个布局，且可工作在所有类型的设备上，而这可以明显地减少你的工作量。当然成本方面可能也就大大减少。
2、积累分享
响应式网站设计可以让你通过单一的URL地址收集所有的社交分享链接。你可以为创建更好、更友好的网站而做出积极贡献。
3、用户友好
　响应式的网站设计能够对用户产生友好度，并且对于不同的分辨率能够灵活的进行操作应用。同时还可以进行收集分享，我们可以通过网站中这些单一的网站URL地址把那些社交分享链接收集起来。
小微企业用微企点自助建站，真响应。

我想开发一个响应式布局的网站,请问怎么做

页面和样式当然是HTML5+CSS3
但是你需要先设计pc，移动端各种分辨率的展示布局。
然后使用css3的 @media query 根据不同分辨率写css样式，完成不同分辨率设备的布局。
相应式网站就是这么做的，主要就是根据不同设备写不同样是来实现不不同设备的不同布局显示。

中国为什么没有响应式布局网站?

有啊，很多的，不过因为ie系列浏览器（6、7、8）对响应式布局支持不好，而且中国使用ie内核的人很多，为了照顾尽可能多的人浏览，所以大部分网站没用响应式布局，随着浏览器的升级，响应式布局是趋势。
关于响应式布局，建议看看bootstrap，里边有很多案例，手机站考虑到用户体验，一般是响应式布局。

网站就必须用响应式布局吗

你好不一定的，静态布局（Static Layout）
即传统Web设计，对于PC设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分；
对于移动设备，单独设计一个布局，使用不同的域名如wap.或m.。
自适应布局（Adaptive Layout）
自适应布局（Adaptive）的特点是分别为不同的屏幕分辨率定义布局。布局切换时页面元素发生改变，但在每个布局中，页面元素不随窗口大小的调整发生变化。
你可以把自适应布局看作是静态布局的一个系列。
流式布局（Liquid Layout）
流式布局（Liquid）的特点（也叫"Fluid") 是页面元素的宽度按照屏幕进行适配调整，主要的问题是如果屏幕尺度跨度太大，那么在相对其原始设计而言过小或过大的屏幕上不能正常显示。
响应式布局（Responsive Layout）
分别为不同的屏幕分辨率定义布局，同时，在每个布局中，应用流式布局的理念，即页面元素宽度随着窗口调整而自动适配。
可以把响应式布局看作是流式布局和自适应布局设计理念的融合。
恩恩大概就是这样。

现在主流是响应式网站，主要是为了适合各种移动端设备浏览。也不是必须使用。

知识大全 前端开发，我写网站页面如果没有用响应式布局，在我自己的电脑上1920*1080的像素下设计的网站，