Tôi đang sử dụng transform: scale(0.666667); transform-origin: 25.7778% 0 0; css để vừa với các trang thuộc bất kỳ loại kích thước màn hình nào trên dự án của tôi.Sau đó tôi phải đối mặt với các vấn đề sau! Khi tôi nhấp đúp để nhập email xuất hiện địa điểm khácCác vấn đề đầu vào của Firefox khi mở rộng trang
Tôi không chắc chắn liệu bạn có muốn sử dụng biến đổi để tạo ra thiết kế đáp ứng hay không. Bạn có thể sử dụng% 's để mở rộng thiết kế của bạn để phù hợp với bất kỳ màn hình nào. Từ sự chuyển đổi sự hiểu biết của tôi vẫn còn trong giai đoạn thử nghiệm và không chuẩn bị đầy đủ cho một môi trường sản xuất. Tôi nghĩ rằng vấn đề là vấn đề là nguồn gốc của thả xuống là kế thừa css và áp dụng lại nó.
https://developer.mozilla.org/en-US/docs/Web/CSS/transform
Nhưng ví dụ nếu bạn muốn thay đổi độ rộng của đầu vào của bạn bất kể kích thước màn hình, bạn có thể sử dụng width: 50%; ví dụ và nó sẽ luôn là 50% của container của nó. Bây giờ có nhiều thiết kế đáp ứng hơn, phá vỡ kích thước màn hình nơi bạn xác định lại thiết kế của mình, nhưng hy vọng điều này sẽ hữu ích!
EDIT: Để minh họa các thuộc tính biến đổi bạn có thể truy cập http://css3please.com/ Nó sử dụng chỉnh sửa css thời gian thực để chứng minh các thay đổi trong khi cũng có mã thích hợp cho các trình duyệt khác nhau. Đôi khi một vấn đề có thể được gây ra nếu bạn thiếu các tiền tố thích hợp (-moz, -o, -ms, -webkit). Hy vọng rằng điều này sẽ giúp.
Trên thực tế nó là sự thật rằng bằng cách sử dụng '%' để phù hợp với bất kỳ màn hình. Có, tôi cần phải quy mô. Nó hoạt động trên Chrome, IE 10 ngoại trừ Mozilla Firefox. Tôi có nghĩa là 'thả xuống'. Dù sao cảm ơn yr phản ứng! – nAkhmedov
Ok vì bạn muốn đi tuyến đường đó, bạn có thêm tiền tố thích hợp không? -moz-? Đây là một liên kết thể hiện rất nhiều hiệu ứng mà tôi nghĩ bạn đang cố gắng làm: http://css3please.com/ hy vọng điều này sẽ hữu ích! – Jobokai
bạn có thể có liên kết để xem nội dung này trực tiếp không? – MrCkobe