Jump to content
huutrung550

Tìm bạn fix lỗi kích thước web bản mobile - LadiPage

Recommended Posts

Chào các bạn,

Mình đang làm trang landing page bản mobile, không phải dạng thiết kế web mà là thiết kế nguyên 1 hình rồi đưa lên thôi.

Nhưng bên LadiPage có 1 lỗi là khi đưa nguyên 1 hình vào section thì trên điện thoại sẽ bị lỗi là lệch khung và mất thông tin trên hầu hết thiết bị. Chỉ có dòng Iphone 6/7/8 Plus là xem được.

Trong phần chỉnh sửa có chỗ thêm code CSS vào để fix như hình bên dưới:

dddb46596fba97e4ceab.jpg

Trong phần cài đặt có các chức năng như vừa khung tự động, nhưng vẫn bị lỗi. Có box chèn code CSS vào để chỉnh.

 

4b03d381fa62023c5b73.jpg

Trên iphone 6,7,8 hoặc các điện thoại có bố cục tương tự đều bị lỗi lệch khung và mất nội dung.

 

b35030d21931e16fb820.jpg

Trên iphone 6.7.8 Plus thì vào đúng khung hình.

 

Mình có xài đoạn code dưới này, copy cắt ghép của người ta chứ không hiểu code cho lắm. Chèn vào thì fix được 1 tí. có vào giữa. nhưng dòng iphone 6 hoặc tương tự vẫn bị mất nội dung.

Quote

 

background-size: auto;

width: auto;

display: block;

background-repeat: no-repeat;

margin: 0px;

 

 

Anh em có code này fix được thì giúp mình với hen.

Hoặc liên hệ mình: 0988 512473 (Zalo - Huỳnh Hữu Trung)

Cảm ơn các bạn nhiều.

Share this post


Link to post
Share on other sites

Bác đổi 

background-size : cover

thành 

background-size : container

nhé :a31:.Hí hí

  • Like 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...