- Over the past few years, we've se

- Over the past few years, we've seen impressive growth of tablets and smartphones, all coming with different screen sizes. It would be an incredible amount of effort to build a design for each screen size and then try to keep up with new devices on top of it. That's where responsive web design comes in. This approach allows your site to be adaptive. The page responds automatically based on the screen size, and even the orientation a user is viewing it in. It works because a responsive website is designed around building blocks. These blocks can break and collapse under one another, stretch and shrink, and even adjust the font sizesand images sizes based on the available screen real estate.
To show you an example, let's take a look at a responsive design in action. At a glance, we can see how this looks on a desktop, tablet, and a phone. But to see this in action, let's look at it on a desktop browser. What I'll do is simply drag the window to shrink the viewable area.This sort of simulates different screen sizes. You can see the page starts to respond, tweaking its design and adjusting to match the available real estate. What's great is that the same code is served to all the devices. You won't need to build multiple code bases. You'll instead rely on your style sheets to handle the scaling.

Kết quả (Việt) 1:

-Trong những năm gần đây, chúng tôi đã nhìn thấy sự tăng trưởng Ấn tượng của máy tính bảng và điện thoại thông minh, tất cả đến với kích thước màn hình khác nhau. Nó sẽ là một số lượng đáng kinh ngạc của các nỗ lực để xây dựng một thiết kế cho mỗi kích thước màn hình và sau đó cố gắng để theo kịp với các thiết bị mới trên đầu trang của nó. Đó là nơi thiết kế responsive web đến in. Cách tiếp cận này cho phép các trang web của bạn phải thích nghi. Trang đáp ứng tự động dựa trên kích thước màn hình, và thậm chí là định hướng người dùng là xem nó trong. Nó hoạt động vì một trang web đáp ứng được thiết kế xung quanh khối xây dựng. Các khối có thể phá vỡ và sụp đổ theo nhau, kéo dài và co lại, và thậm chí điều chỉnh phông chữ sizesand hình ảnh kích thước dựa trên các màn hình bất động sản.Để hiển thị cho bạn một ví dụ, chúng ta hãy nhìn vào một thiết kế đáp ứng trong hành động. Trong nháy mắt, chúng ta có thể thấy điều này trông như thế nào trên một máy tính để bàn, máy tính bảng và điện thoại. Nhưng để xem nó trong hành động, hãy nhìn vào nó trên một trình duyệt máy tính để bàn. Những gì tôi sẽ làm là chỉ đơn giản là kéo của sổ để thu hẹp khu vực có thể xem được. Điều này loại mô phỏng các kích cỡ màn hình khác nhau. Bạn có thể xem các trang bắt đầu đáp ứng, tinh chỉnh thiết kế của nó và điều chỉnh để phù hợp với bất động sản có sẵn. Điều tuyệt vời là cùng một mã được phục vụ đến tất cả các thiết bị. Bạn sẽ không cần phải xây dựng nhiều mã căn cứ. Bạn sẽ thay vì dựa vào phong cách trang tính của bạn để xử lý các mở rộng quy mô.

Kết quả (Việt) 2:

- Trong vài năm qua, chúng tôi đã nhìn thấy sự tăng trưởng ấn tượng của máy tính bảng và điện thoại thông minh, tất cả đều đến với kích thước màn hình khác nhau. Nó sẽ được một số tiền đáng kinh ngạc của nỗ lực để xây dựng một thiết kế cho mỗi kích thước màn hình và sau đó cố gắng để theo kịp với các thiết bị mới trên đầu trang của nó. Đó là nơi thiết kế web đáp ứng đến. Cách tiếp cận này cho phép trang web của bạn phải được thích nghi. Các trang đáp ứng tự động dựa trên kích thước màn hình, và thậm chí định hướng người dùng đang xem nó trong. Nó hoạt động vì một trang web đáp ứng được thiết kế xung quanh các khối xây dựng. Các khối này có thể phá vỡ và sụp đổ dưới một khác, to và thu nhỏ, và thậm chí điều chỉnh phông chữ sizesand hình ảnh kích thước dựa trên màn hình bất động sản có sẵn.
Để cho bạn thấy một ví dụ, chúng ta hãy nhìn vào một thiết kế đáp ứng hành động. Trong nháy mắt, chúng ta có thể thấy điều này có vẻ trên một máy tính để bàn, tablet và điện thoại. Nhưng để thấy điều này trong hành động, chúng ta hãy nhìn vào nó trên trình duyệt máy tính để bàn. Những gì tôi sẽ làm là chỉ cần kéo cửa sổ thu nhỏ area.This có thể xem loại mô phỏng kích thước màn hình khác nhau. Bạn có thể xem trang bắt đầu phản ứng, tinh chỉnh thiết kế của nó và điều chỉnh để phù hợp với bất động sản có sẵn. Có gì tuyệt vời là cùng mã được phục vụ cho tất cả các thiết bị. Bạn sẽ không cần phải xây dựng nhiều cơ sở mã. Thay vào đó bạn sẽ dựa trên phong cách của bạn để xử lý các nhân rộng.