Làm thế nào để hiển thị trang web trên cả moblie và PC?

Làm viền: http://www.w3schools.com/css/css_border.asp
Để hiển thị tốt trên cả PC và Mobile thì hình như người ta gọi là Responsive , để làm được món này nghe nói tu luyện lâu lắm, muốn nhanh thì dùng bootstrap thôi

1. Cho thằng wrapper width đủ 100% của màn hình.

2. Thêm vào meta tag

<meta name="viewport" content="width=device-width, initial-scale=1">

Cái vụ Responsive Design thì nó hơi chua một tí… Bootstrap nó chỉ hỗ trợ được phần nào… Bạn cứ làm quen cái thẻ @media của CSS và gắn cái meta tag như anh laptrinhio vừa đưa ra

Bạn nên tìm hiểu khái niệm trên rồi hãy đụng tới Bootstrap sau… Đối với mình, [Bootstrap][1], [Foundation][2],… chỉ là giải pháp mì ăn liền… không giúp giải quyết tận gốc vấn đề

Bạn có thể coi cái này để hiểu tư tưởng của @media trước…

Logic in Media Queries | CSS-Tricks

Just in case you have brain farts about this constantly like I do. If That's what media queries are: logical if statements. "If" these things are true

Media Queries for Standard Devices | CSS-Tricks

If you think responsive's simple, I feel bad for you son. We got 99 viewports, but the iPhone's just one. —Josh Brewer, March 10, 2010 A major

Còn cái Bootstrap… cơ bản là bạn phải nắm cái vấn đề [Grid System][3] trước. Nó chia layout thành 12 cột… Nhớ không lầm trong diễn đàn đã có ai đó đăng bài về Bootstrap rồi nên không tiện nói thêm
[1]: http://getbootstrap.com/
[2]: http://foundation.zurb.com/
[3]: http://getbootstrap.com/css/#grid