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

Các bác cho em hỏi làm thế nào để cái viền nó ôm sát vào chữ ạ? hay em phải đổi kích cỡ của page? Với lại em chưa rành lắm về HTML, làm thế nào để nó hiển thị tốt trên cả PC và mobile ạ?

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 :smile_cat:, để 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 :hankey:

  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 :smiley:

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 đề :wink:

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


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 DNH đã có ai đó đăng bài về Bootstrap rồi nên không tiện nói thêm :blush:
[1]: http://getbootstrap.com/
[2]: http://foundation.zurb.com/
[3]: http://getbootstrap.com/css/#grid

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?