什么是响应式页面?

前几年火的一个概念:响应式页面。

  1. 什么样的页面是响应式页面?

  2. 响应式页面用到哪些技术?

  3. 响应式页面和自适应页面有什么区别?


什么是响应式页面?

首先你要理解什么是「响应」。

  • 悟空拿着宝瓶,对金角大王叫了「金角大王」,金角大王应了一声。这就是「响应」。
  • 武昌起义成功之后,各地纷纷也开始革命。这也是「响应」。

「响应」就是「你动,我也动」。

「响应式页面」就是「随着设备属性(如宽高)的变化,网页也随着变化。」

如上图,左边是 PC 上页面的样子,右边是手机上页面的样子。

响应式页面用到哪些技术?

主要是 CSS 的一些技术:

  • 多使用 max-width、min-width,不写死宽度
  • 使用 media 查询来响应不同分辨率
  • 使用动态 REM 方案保证手机端的显示效果
  • 等等,以后细讲。

响应式页面和自适应页面的区别

自适应页面(流体布局、fluid layout)指的是页面宽度不固定。跟响应式页面没有什么关系。

自适应页面强调「不写死宽度」;响应式页面强调「响应」。

自适应页面可以是响应式的,也可以不是响应式的。

响应式页面可以是自适应的,也可以是不自适应的(也就是定宽的)。

完。

自习链接:

自适应设计与响应式网页设计(这个文章中的概念跟我说的不太一致,注意区分)

自适应网页设计(Responsive Web Design)(应该翻译为响应式网页设计)

作者:方应杭

110 thoughts on “什么是响应式页面?”

  1. Woah! I’m really loving the template/theme of this blog. It’s simple, yet effective. A lot of times it’s difficult to get that “perfect balance” between usability and visual appearance. I must say you have done a superb job with this. In addition, the blog loads very quick for me on Chrome. Exceptional Blog!|

  2. I am extremely impressed with your writing abilities and also with the layout for your blog. Is this a paid subject or did you modify it yourself? Anyway keep up the nice quality writing, it’s rare to peer a great blog like this one today..|

  3. Hello, Neat post. There is a problem with your website in web explorer, would check this? IE still is the market chief and a huge section of people will pass over your great writing due to this problem.|

  4. Hi everyone, it’s my first pay a quick visit at this web site, and piece of writing is actually fruitful designed for me, keep up posting such articles or reviews.|

  5. Amazing things here. I’m very glad to look your article. Thank you a lot and I am taking a look ahead to touch you. Will you please drop me a mail?|

  6. all the time i used to read smaller articles or reviews which as well clear their motive, and that is also happening with this paragraph which I am reading here.|

  7. Hi, i read your blog occasionally and i own a similar one and i was just wondering if you get a lot of spam remarks? If so how do you reduce it, any plugin or anything you can recommend? I get so much lately it’s driving me mad so any assistance is very much appreciated.|

  8. I have been surfing online greater than three hours these days, but I by no means discovered any interesting article like yours. It is lovely worth sufficient for me. Personally, if all site owners and bloggers made excellent content as you probably did, the internet can be a lot more helpful than ever before.|

  9. It’s going to be ending of mine day, but before end I am reading this wonderful paragraph to improve my experience.|

  10. I think the admin of this site is really working hard in support of his site, because here every data is quality based stuff.|

  11. Hey! I could have sworn I’ve been to this website before but after browsing through some of the post I realized it’s new to me. Nonetheless, I’m definitely delighted I found it and I’ll be book-marking and checking back frequently!|

  12. What’s up it’s me, I am also visiting this web site on a regular basis, this website is truly fastidious and the visitors are in fact sharing nice thoughts.|

  13. We are a group of volunteers and starting a new scheme in our community. Your site provided us with valuable info to work on. You have done a formidable job and our entire community will be grateful to you.|

  14. Please let me know if you’re looking for a article author for your blog. You have some really great posts and I feel I would be a good asset. If you ever want to take some of the load off, I’d really like to write some content for your blog in exchange for a link back to mine. Please blast me an email if interested. Many thanks!|

  15. When I originally commented I clicked the “Notify me when new comments are added” checkbox and now each time a comment is added I get several emails with the same comment. Is there any way you can remove me from that service? Appreciate it!|

  16. Greetings! I know this is kinda off topic however I’d figured I’d ask. Would you be interested in trading links or maybe guest authoring a blog post or vice-versa? My blog addresses a lot of the same topics as yours and I believe we could greatly benefit from each other. If you are interested feel free to send me an email. I look forward to hearing from you! Wonderful blog by the way!|

  17. Hi there would you mind sharing which blog platform you’re using? I’m going to start my own blog soon but I’m having a difficult time making a decision between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your design seems different then most blogs and I’m looking for something unique. P.S Apologies for getting off-topic but I had to ask!|

  18. Awesome website you have here but I was curious about if you knew of any community forums that cover the same topics discussed in this article? I’d really love to be a part of community where I can get feed-back from other knowledgeable people that share the same interest. If you have any suggestions, please let me know. Appreciate it!|

  19. Hello there! This is kind of off topic but I need some guidance from an established blog. Is it very difficult to set up your own blog? I’m not very techincal but I can figure things out pretty fast. I’m thinking about creating my own but I’m not sure where to start. Do you have any tips or suggestions? Many thanks|

  20. When I initially commented I clicked the “Notify me when new comments are added” checkbox and now each time a comment is added I get four emails with the same comment. Is there any way you can remove me from that service? Cheers!|

  21. When someone writes an piece of writing he/she retains the thought of a user in his/her mind that how a user can be aware of it. Therefore that’s why this post is perfect. Thanks!|

  22. This is the perfect website for everyone who wants to find out about this topic.
    You realize so much its almost tough to argue with you (not that I personally will need
    to…HaHa). You certainly put a brand new spin on a subject that has been written about
    for years. Great stuff, just excellent!

  23. When some one searches for his required thing,
    so he/she needs to be available that in detail, thus that
    thing is maintained over here.

  24. It’s amazing to go to see this web page and reading the views of all mates about this paragraph, while I am also zealous of getting knowledge.

  25. Whats up this is kinda of off topic but I was wanting to know
    if blogs use WYSIWYG editors or if you have to manually code with HTML.

    I’m starting a blog soon but have no coding expertise so I wanted to
    get advice from someone with experience. Any help would be greatly appreciated!

  26. I get pleasure from, result in I discovered exactly what I used to be having a look for. You’ve ended my 4 day lengthy hunt! God Bless you man. Have a great day. Bye|

  27. Thank you for the auspicious writeup. It in fact was a amusement account it.

    Look advanced to more added agreeable from you!
    However, how could we communicate?

  28. I blog frequently and I seriously thank you for your information. This great article has truly peaked my interest.
    I’m going to bookmark your website and keep checking for new
    details about once a week. I opted in for your RSS feed as
    well.

  29. I’m amazed, I must say. Rarely do I come across a blog that’s both equally educative and entertaining,
    and without a doubt, you have hit the nail on the head. The issue is something that not enough
    people are speaking intelligently about. Now i’m very happy
    I found this during my hunt for something relating to this.

  30. Hi! I know this is somewhat off-topic but I had to ask. Does building a well-established blog like yours require a massive amount work? I’m completely new to running a blog but I do write in my diary daily. I’d like to start a blog so I can share my own experience and views online. Please let me know if you have any kind of recommendations or tips for brand new aspiring bloggers. Appreciate it!|

  31. Do you mind if I quote a few of your posts as long as I provide credit and sources back to your weblog? My blog is in the exact same area of interest as yours and my users would certainly benefit from some of the information you provide here. Please let me know if this ok with you. Regards!|

  32. Woah! I’m really digging the template/theme of this blog. It’s simple, yet effective. A lot of times it’s challenging to get that “perfect balance” between superb usability and visual appeal. I must say that you’ve done a amazing job with this. Additionally, the blog loads very quick for me on Safari. Superb Blog!|

  33. Hello, the whole thing is going perfectly here and ofcourse every one is sharing facts, that’s genuinely excellent, keep up writing.|

  34. I like the helpful info you provide in your articles. I will bookmark your blog and check again here frequently. I’m quite sure I’ll learn a lot of new stuff right here! Best of luck for the next!|

  35. When I originally commented I clicked the “Notify me when new comments are added” checkbox and now each
    time a comment is added I get three emails with the same comment.
    Is there any way you can remove people from that service?
    Thank you!

  36. Pretty nice post. I just stumbled upon your blog and wanted to
    say that I’ve really enjoyed surfing around your blog posts.
    After all I will be subscribing to your feed and I hope you write again very soon!

  37. I’m not sure where you are getting your information, but great topic.
    I needs to spend some time learning more or understanding more.
    Thanks for fantastic info I was looking for this info for my mission.

  38. Do you mind if I quote a couple of your articles as
    long as I provide credit and sources back to your website?
    My blog site is in the exact same area of interest as yours and my
    visitors would really benefit from some of the information you present
    here. Please let me know if this okay with you. Appreciate it!

  39. It’s appropriate time to make some plans for the future and it’s time to be
    happy. I’ve read this post and if I could I desire to suggest you some interesting things
    or advice. Maybe you can write next articles referring to this article.

    I wish to read even more things about it!

  40. I am really enjoying the theme/design of your web site.
    Do you ever run into any browser compatibility problems?
    A number of my blog visitors have complained about my site
    not operating correctly in Explorer but looks great in Chrome.
    Do you have any advice to help fix this issue?

  41. Right now it sounds like Movable Type is the top blogging
    platform available right now. (from what I’ve read) Is that what you are using on your blog?

  42. Do you mind if I quote a couple of your posts as long
    as I provide credit and sources back to your website? My blog site is in the very same area of
    interest as yours and my visitors would definitely
    benefit from a lot of the information you present here.

    Please let me know if this okay with you. Thanks!

  43. I do believe all the concepts you’ve offered in your post.
    They are very convincing and can definitely
    work. Nonetheless, the posts are too quick for newbies.
    May you please prolong them a little from subsequent time?
    Thank you for the post.

  44. An intriguing discussion is worth comment. I believe that
    you ought to write more on this issue, it may not be a taboo
    subject but usually folks don’t speak about these subjects.
    To the next! Best wishes!!

  45. I am extremely impressed along with your writing skills
    and also with the format for your blog. Is that this a
    paid subject matter or did you customize it your self?
    Either way keep up the excellent high quality writing, it’s uncommon to
    see a nice weblog like this one today..

  46. My relatives all the time say that I am wasting my time here at net,
    but I know I am getting familiarity everyday by reading such pleasant
    posts.

  47. I want to show my thanks to you just for rescuing me from such a trouble. After looking throughout the the net and meeting thoughts which are not powerful, I thought my life was gone. Existing without the approaches to the issues you have solved as a result of the short post is a crucial case, and the kind which could have in a wrong way affected my career if I had not noticed the blog. Your own understanding and kindness in dealing with all the stuff was invaluable. I’m not sure what I would have done if I had not come upon such a subject like this. I’m able to now look ahead to my future. Thank you so much for your impressive and result oriented help. I won’t think twice to recommend the website to any person who would need assistance about this topic.

  48. I wanted to send you a very little observation to finally thank you very much yet again on the pleasant ideas you have shared on this website. It is so generous with you to give publicly just what numerous people could have offered for sale as an e-book to generate some bucks on their own, mostly seeing that you might have tried it in case you considered necessary. Those tips additionally acted to provide a great way to know that the rest have a similar fervor like mine to learn a lot more pertaining to this condition. I think there are millions of more fun times in the future for folks who find out your website.

  49. I precisely needed to say thanks yet again. I do not know what I would have carried out in the absence of the actual creative ideas provided by you regarding my question. Certainly was an absolute difficult dilemma for me, nevertheless taking a look at the skilled tactic you solved that forced me to weep for happiness. I’m happy for this guidance and in addition sincerely hope you comprehend what a great job that you are getting into teaching people today using a web site. I know that you’ve never met all of us.

  50. I intended to post you a tiny note in order to thank you again for all the fantastic basics you’ve featured in this case. This has been certainly seriously generous with people like you to provide extensively what exactly a few individuals would have offered as an electronic book to generate some dough for their own end, especially since you could possibly have tried it in case you decided. Those tricks also worked like a good way to recognize that other individuals have a similar keenness much like my very own to know whole lot more regarding this issue. I’m certain there are a lot more fun situations ahead for those who find out your site.

  51. Wow, marvelous blog layout! How long have you been blogging
    for? you made blogging look easy. The overall look of your website is wonderful, as well as the content!

  52. Hello i am kavin, its my first time to commenting anyplace, when i read this paragraph i thought i
    could also make comment due to this good article.

  53. I enjoy you because of all of the work on this web page. My daughter really likes going through investigation and it’s simple to grasp why. My partner and i learn all about the dynamic tactic you present powerful things via the web blog and as well cause participation from the others about this area of interest plus our princess is now studying a lot. Take pleasure in the remaining portion of the year. You have been conducting a great job.

  54. I really love your site.. Excellent colors & theme. Did you build this amazing site yourself? Please reply back as I’m hoping to create my very own blog and would love to find out where you got this from or what the theme is called. Kudos!|

  55. I was recommended this blog by my cousin. I am not sure
    whether this post is written by him as no one else know such detailed about
    my trouble. You are wonderful! Thanks! 2CSYEon cheap flights

  56. A person necessarily lend a hand to make seriously posts I might state.
    That is the first time I frequented your website page and so far?
    I amazed with the analysis you made to create this actual
    post amazing. Wonderful process! cheap flights 34pIoq5

  57. A lot of thanks for every one of your effort on this web site. My mom really loves managing investigation and it’s simple to grasp why. A number of us know all relating to the compelling method you present very important steps by means of this website and even strongly encourage response from visitors on this issue plus our favorite child is without a doubt learning a lot of things. Have fun with the rest of the new year. You have been carrying out a dazzling job.

  58. I’m gone to convey my little brother, that he should also go to see this website on regular basis
    to get updated from most recent news.

  59. Thanks for all of your effort on this blog. My mom really loves going through investigation and it’s easy to understand why. A lot of people hear all concerning the lively manner you convey valuable items through your web blog and in addition welcome response from website visitors on this subject matter and our favorite daughter is now becoming educated a lot of things. Take advantage of the rest of the new year. You’re conducting a powerful job.

  60. I would like to show my love for your kind-heartedness supporting persons who must have help on this one issue. Your very own dedication to passing the message all around had become quite beneficial and have really enabled folks much like me to attain their pursuits. Your personal informative help signifies a lot to me and far more to my mates. Thanks a lot; from all of us.

  61. I was very happy to find this page. I wanted to thank you for
    ones time for this fantastic read!! I definitely loved every little bit of it and I
    have you book marked to look at new information in your site.

  62. I want to show some thanks to you for rescuing me from such a challenge. Because of surfing around through the world wide web and obtaining techniques which were not productive, I believed my life was over. Being alive minus the strategies to the difficulties you have sorted out all through your short post is a serious case, and those that might have in a wrong way affected my career if I had not encountered the website. Your own natural talent and kindness in handling the whole lot was very helpful. I don’t know what I would have done if I hadn’t come across such a thing like this. I can also at this time look forward to my future. Thanks very much for this impressive and effective help. I will not hesitate to propose your web site to any individual who would need support about this situation.

  63. Did you know these truths on CBD OIL and Full Spectrum CBD Hemp Oil? Cannabinoids are isolated from hemp utilizing supercritical CO2 extraction. Thanks to modern-day technology, the resulting service is clean, free of heavy metals and unnecessary waxes, naturally present in the plant, and the drawn liquid has a common, oily consistency. CBD oil consists of cannabidiol as a base ingredient and might contain just trace quantities of tetrahydroxycannabidiol (THC). Works as a memory enhancer, improving concentration and coordination of movements, getting rid of swelling and persistent infections. It enhances the conduction of stimuli in the course of autoimmune diseases (several sclerosis, amyotrophic sclerosis). It is advised by medical professionals and pharmacists as an antioxidant and substance that blocks the action of proinflammatory cytokines (proteins), e.g. in Crohn’s illness or ulcerative intestinal tract. RSO oil has a low CBD content, while high THC. Naturally, the key job of RSO is to cause a psychedelic impact, although it can also promote “sick” brain structures. It deserves understanding that supplements of this type is primarily used by individuals to whom standard therapy does not bring relief in illness. The synergistic (enhancing) action of CBD and THC relative to each other is utilized here. Both cannabinoids can do a lot more together than when used separately. In addition, they collectively stimulate the division of non-active afferent neuron, nurture the fatty envelope of the nerves, and prevent myelin swelling that causes loss of function in some autoimmune diseases. There are also stories where cannabis in its natural kind softened spasticity, lowered the frequency of seizures and convulsions, and suppressed unpleasant scrapie in Parkinson’s disease. This is where the concept of getting RSO, planned just for chronically ill individuals, come from . Both marijuana oil type CBD and RSO likewise consist of other cannabinoids, such as cannabichromene (CBC) and cannabigerol (CBG). The trick is not, however, that CBD frequently has actually a composition expanded to consist of flavones, flavonoids, terpenes, terpenoids, amino acids and omega acids. The difference is mainly due to intentions assisting humankind to use one or the other product. CBD medical marijuana oil is a rather advantageous blend of cannabinoids, developed to protect versus 21st century disease. It’s best to use all of these substances together, as nature produced them and confined in marijuana inflorescences. Oil of marijuana in a kind of pastime APR includes small quantities of CBD, balanced by the existence of THC. – Modern clinical research shows that CBD + THC cope with major autoimmune illness, while CBC or CBG reveal very little activity in the existence of both compounds, just like flavonoids, flavones or terpenes, therefore their content in the service appears to be unneeded. In addition, the cannabis strain from which THC and CBD are obtained consist of minimal amounts of other cannabinoids. Cannabis oil has currently marked a brand-new era in which man stopped to fear what is unidentified, and began to rediscover what our ancestors had already seen and use the significant capacity, in the beginning look, a little bizarre relationships, associated generally with pathology. Medical cannabis, contrary to its name, does not mean fermented female inflorescences and leaves consisting of psychoactive substances coiled in so-called “Joints”, but a helpful oil without psychoactive THC. A basic individual, after taking dosages of medicinal cannabis and achieving the suitable state of cannabinoids in the blood, can take pleasure in increased immunity, decreased susceptibility to cancer, postponed aging and decreased threat of stroke or cardiac arrest. CBD oil consists of cannabidiol as a base ingredient and may contain only trace amounts of tetrahydroxycannabidiol (THC). RSO oil has a low CBD material, while high THC. Both cannabis oil type CBD and RSO also include other cannabinoids, such as cannabichromene (CBC) and cannabigerol (CBG). CBD medical marijuana oil is a rather useful blend of cannabinoids, created to protect against 21st century illness. Oil of marijuana in a kind of hobby APR consists of small amounts of CBD, stabilized by the presence of THC.

  64. Its like you read my mind! You seem to know a lot about this, like you wrote the book in it or something.
    I think that you can do with some pics to drive the message home a bit,
    but instead of that, this is wonderful blog. An excellent
    read. I’ll definitely be back.

  65. We are a group of volunteers and opening a new
    scheme in our community. Your website provided
    us with valuable info to work on. You have done a
    formidable job and our whole community will
    be thankful to you.

  66. There are some attention-grabbing cut-off dates in this article but I don抰 know if I see all of them center to heart. There is some validity but I’ll take hold opinion until I look into it further. Good article , thanks and we want extra! Added to FeedBurner as effectively

发表评论

电子邮件地址不会被公开。