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

[nobita8x]

Em bị dính lỗi này :

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]

Chèn thêm đoạn này vào

@media (max-width:@maxResponsiveNarrowWidth)
{ .padding-right: 5px;

}

 

[nobita8x]

Vẫn bị bác ơi, em chèn ở temp message.css

 

[THB]

xem thử chọn đúng styles chưa?

 

[2L.Ohayo]

thêm vào EXTRA.CSS

@media (max-width:600px)
{
    .Responsive .message .messageContent
    {
        padding: 0 5px;
    }
}

 

[nobita8x]

cách này được rồi bác , có rịu là em voka bác liền hà hà

 

[2L.Ohayo]

Nhìn vẫn hơi lệch, sửa lại code trên thành thế này cho đẹp

@media (max-width:600px)
{ 
    .Responsive .message .messageContent
    {
        padding: 0;
        margin-left: 0;
    }
}

 

[truonghaovn]

mình quên chèn class message .messageContent

 

[nobita8x]

Ngon lành rồi, thx các bác