Help Nhờ giúp đỡ về giao diện mobie

nobita8x

Thượng Đế
Tham gia
29/06/2016
Bài viết
157
Được Like
76
Em bị dính lỗi này :

IMG_20160603_152125.jpg


Khi ở giao diện mobie thì font chữ bị hẹp còn một mẩu, em mò ra là do ở phần :

message .messageContent {
  1. padding-right: 350px;
em để 350px thì khi ở giao diện mobie nó tự động đẩy chữ ép vào trong, xóa đi thì ko sao, nhưng ở giao diện deskhop thì bị full màn hình, không để cách lề 350px nữa.

Đã mò mẫm trong Respnsive Design nhưng chưa khắc phục được.

Có cách nào để phần bài viết trên mobie ko bị hẹp như vậy nhưng trên deskhop vẫn giữ nguyên hiện trạng không?
Hoặc có cách nào khác hay hơn ko ?
 

truonghaovn

Thượng Đế
Tham gia
02/11/2015
Bài viết
111
Được Like
108
Chèn thêm đoạn này vào
Mã:
@media (max-width:@maxResponsiveNarrowWidth)
{ .padding-right: 5px;

}
 

nobita8x

Thượng Đế
Tham gia
29/06/2016
Bài viết
157
Được Like
76
Vẫn bị bác ơi, em chèn ở temp message.css
 
  • Like
Reactions: THB

THB

Admin - Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,656
Được Like
3,942
xem thử chọn đúng styles chưa?
 

2L.Ohayo

Cộng Sự Đắc Lực
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
thêm vào EXTRA.CSS
Mã:
@media (max-width:600px)
{
    .Responsive .message .messageContent
    {
        padding: 0 5px;
    }
}
 

nobita8x

Thượng Đế
Tham gia
29/06/2016
Bài viết
157
Được Like
76
cách này được rồi bác :), có rịu là em voka bác liền hà hà
 

Đính kèm

  • IMG_20160603_152125.jpg
    IMG_20160603_152125.jpg
    121.7 KB · Lượt xem: 9

2L.Ohayo

Cộng Sự Đắc Lực
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
Nhìn vẫn hơi lệch, sửa lại code trên thành thế này cho đẹp
Mã:
@media (max-width:600px)
{ 
    .Responsive .message .messageContent
    {
        padding: 0;
        margin-left: 0;
    }
}
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS


Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom