×

bootstrap响应式网页设计

bootstrap响应式网页设计(设计网页,常见的宽度是多少像素)

admin admin 发表于2023-11-14 02:19:22 浏览35 评论0

抢沙发发表评论

本文目录

设计网页,常见的宽度是多少像素

现在的显示器分辩率有大有小,建议做网页还是做成响应式的好。

看看bootstrap这个前端UI吧,根据浏览器的大小来适配页面的宽度等体验感挺好的。

@media (min-width: 768px) { .container { width: 750px; } }

通过对浏览器的min-width宽度判断来决定你内容区域的宽度。这样在不同的显示器下面均能够得到一个很不错的用户体验。

不过呢,网站用户驻足时间最重要的还是内容质量吧。

手机网站与PC网站在制作上可能合二为一吗

上面有人提到响应式建站,但是并不推荐大家使用纯响应式建站。这是因为响应式网站有几个致命缺点。

第一:响应式网站不能自由布局,做不到移动端的优化体验。响应式网页不能自由布局,文字或图片元素只能删减,不能增加,图文只能更新,无法拖动位置,图片无法放大或者缩小,也就是说所有的元素都是被锁死的。前端程序员花了很长时间优化,最后悲伤地发现,一旦PC端允许用户可以增加或者拖动图文,在手机端就的展示就会混乱,顾此失彼。另外,PC端展示和移动端展示存在很多不一致,例如在手机端就没有办法呈现鼠标滑过悬停的效果。

第二:响应式设计对搜索关键词优化和排名不友好。搜索引擎对于PC网站和移动网站的收录和关键处排名的策略不一致。一套代码的响应式网站就增添了搜索引擎的处理障碍。独立的移动端网站和PC网站还是单独开发为宜,这样能更好地SEO优化工作。

第三:响应式网站移动端浪费带宽,加载耗时长。响应式网站一般是基于PC端来设计的,一般会使用高质量的图片和视频,在移动端要访问同样大小的图片或视频,会浪费很多流量。如果一个PC页面的达到4M,在手机端打开就会慢,加载不充分。响应式(自适应)设计存在大量的冗余代码,会消耗大量的流量。在国内高流量费面前,用户是想都不用想就会放弃使用你的网站的。

从上面的分析可以看出,响应式网站并不能取代移动网页,其价值是作为PC端网站一个移动端小补充,聊胜于无。如果要做移动端商业推广,还是单独开发移动端网站为佳。响应式之父Ethan Marcotte也说过,“最重要的是,响应式网页设计的初衷不是要取代移动网页”。

国内知名的微企点H5自助建站最早也是进军响应式建站,但在发现了响应式网站的弊端之后果断转型,推出PC端和手机端分别建站的新版本。微企点放弃响应式设计,将PC端和手机拆分分别设计,实现了自由布局和动态交互,在PC和手机展示都可以做到最优化,有利于搜索引擎和网页加载,之前的问题都不存在。

作为灵活的自助建站平台,微企点对于想要实现响应式效果的用户提供了新的思路,微企点为用户提供网址共享,后台自动响应,随机应变,访问同一个域名,PC访问推送PC网页,手机访问推送手机网页,给终端访问更好的体验。

说了这么多,如果你还是有所不解,不妨看看淘宝、天猫、京东、腾讯、百度、新浪……为什么他们要分开建设电脑端和移动端网站。