Thực hiện một sự thích ứng. Điều chỉnh ly hợp và điều chỉnh Easytronic bằng OP-COM (sử dụng ví dụ về Opel Astra H). Mẫu riêng cho thiết bị di động trên miền chính
Xin chào những vị khách bình thường và những độc giả thường xuyên của trang blog!
Trong quá trình tồn tại của trang web này, tôi đã thay đổi mẫu nhiều lần và thậm chí còn tạo mẫu của riêng mình từ đầu.
Một trong những nhiệm vụ chính khi chọn mẫu mới là bố cục thích ứng của trang web cho mọi độ phân giải màn hình.
Sơ lược về bài viết:
Trong một bài viết trước tôi đã viết về lý do tại sao nó lại cần thiết. Nhưng làm thế nào để đạt được khả năng thích ứng cao này?
Đối với điều này có những cách khác. Một số sử dụng javascript, một số sử dụng cái gì đó khác. Nhưng tôi tin rằng cách đơn giản nhất và Đúng cách là một thích ứng sử dụng CSS.
Cách tạo bố cục trang web đáp ứng
Trước hết,
nếu bạn bắt đầu trang điểm thiết kế thích ứng trang web, giữa các thẻ
Tôi thật ngu ngốc khi đã không làm điều này ngay lập tức khi tôi đang cố gắng tạo một bố cục trang web thích ứng!!!
Vấn đề với các trình duyệt di động là việc mở rộng bố cục trang web, thậm chí cả những bố cục thích ứng.
Hãy tưởng tượng, tôi vẽ một thiết kế, sau đó viết ra tất cả các kiểu và truy vấn cần thiết, kiểm tra khả năng thích ứng của trang web ở các độ phân giải khác nhau. Tất cả trông đều ổn! Nhưng khi tôi mở blog trên điện thoại thông minh của mình, tôi thấy trang web đã bị thu nhỏ lại. Nó không thích ứng với thiết bị di động mà chỉ đơn giản là giảm kích thước phông chữ, hình ảnh, v.v.
Làm sao vậy? Tôi bắt đầu kiểm tra kỹ tất cả các kiểu để xem liệu tôi đã viết các lớp một cách chính xác hay chưa và cuối cùng tôi đã kiểm tra độ rộng của cửa sổ trình duyệt bằng px bằng cách sử dụng javascript. Tôi đã bị sốc. Khi kiểm tra trên máy tính xách tay, tôi nhận được kết quả là 1024px và tôi cũng nhận được kết quả tương tự khi mở trang web trên điện thoại thông minh!
Nhưng điều này không thể được!
Hóa ra, nếu bạn không viết mã mà tôi đã chỉ ra ở trên, trình duyệt di động không hiểu rằng trang web này phản hồi và chỉ đơn giản là cố gắng thu nhỏ trang web để phù hợp với màn hình nhỏđiện thoại di động
Vì sự ngu ngốc và kém cỏi của mình mà tôi đã đánh mất rất nhiều thời gian. Nhưng bây giờ tôi nhớ mãi))).
Truy vấn phương tiện CSS có bố cục thích ứng
Để làm cho nó phản hồi nhanh bằng CSS, bạn cần sử dụng truy vấn phương tiện truyền thông.
Làm như thế nào? Vâng, rất đơn giản. TRONG tập tin CSS bạn cần viết các truy vấn như:
@media screen và (min-width: 1440px) và (max-width: 1599px)( )
Mã này có nghĩa là các kiểu được đặt giữa “( )” sẽ hoạt động đối với các màn hình có chiều rộng tối thiểu là 1440px và tối đa là 1599px.
Nghĩa là, những kiểu thành phần trang web phải được điều chỉnh tùy theo độ phân giải màn hình phải được viết riêng cho từng chiều rộng màn hình có thể.
Độ phân giải màn hình quan trọng nhất cho bố cục thích ứng
- 320px- Thiết bị di động (hướng dọc);
- 480px- Thiết bị di động (hướng ngang);
- 600px- Viên nhỏ;
- 768px- Máy tính bảng (hướng dọc);
- 1024px- Máy tính bảng (hướng ngang)/Netbook;
- 1280px trở lên- MÁY TÍNH.
Chính những độ phân giải này mà bạn cần tập trung và đặc biệt chú ý khi tạo bố cục thích ứng. Đây là những loại độ phân giải màn hình phổ biến nhất.
thiết kế đáp ứng bootstrap
Rất thuận tiện để sử dụng để tạo thích ứng bố cục khởi động. Sự tiện lợi là tất cả các kiểu điều chỉnh khối, nút, bảng, v.v. đều có thể thực hiện được. đã được đăng ký trong boottpap. Bạn chỉ cần tìm ra lớp nào để gán cho phần tử nào.
Để bắt đầu, hãy tải xuống phiên bản bootstrap mới nhất và kết nối nó với trang web của bạn. Xin lưu ý rằng việc kết nối các kiểu và tập lệnh với WordPress có những đặc điểm riêng.
Bố cục trên Bootstrap khác ở chỗ chiều rộng của khối hoặc màn hình được chia thành 12 phần bằng nhau. Và bằng cách chỉ định một lớp nhất định cho một khối, bạn có thể đặt chiều rộng của khối bằng số phần được yêu cầu.
Ví dụ: thiết kế này sẽ cho phép bạn phân bổ một khối rộng cho nội dung rộng 8 phần và một khối hẹp cho thanh bên rộng 4 phần:
Chiều rộng của các khối sẽ được tính toán tự động tùy thuộc vào chiều rộng của màn hình. Và khi xem trên thiết bị di động, các khối này sẽ dịch chuyển theo nhau.
Bạn cũng có thể điều chỉnh lại khoảng cách của khối từ cạnh bằng cách số lượng yêu cầu các bộ phận. Ví dụ như thiết kế này:
Một khối rộng 10 phần sẽ được tạo với phần thụt vào bên trái là 1 phần của màn hình.
Nếu bạn nhìn vào nó, làm việc với bootstrap khiến công việc diễn ra rất nhanh. Hơn nữa, những phong cách này chắc chắn hoạt động chính xác và sẽ không có gì sai lệch trên trang web.
Trong tương lai tôi dự định đăng một số bài học về cách làm việc với bootrap. Vì vậy, tôi khuyên bạn không nên bỏ lỡ thời điểm này.
Kiểm tra khả năng thích ứng của trang web
Nhưng câu hỏi đặt ra: làm thế nào để kiểm tra khả năng thích ứng của trang web? Bây giờ bạn đã viết các truy vấn phương tiện bằng CSS, kết nối bootstrap và sử dụng các lớp cần thiết. Làm cách nào bạn có thể kiểm tra xem trang web có thích ứng chính xác ở mọi độ phân giải màn hình không?
Rất chính xác và quan trọng nhất dịch vụ miễn phí, điều này xứng đáng nhận được sự tôn trọng và biết ơn từ các quản trị viên web và nhà thiết kế bố cục, những người xử lý bố cục trang web thích ứng.
Vâng, bạn thích bài viết như thế nào? Tất cả rõ ràng? Nếu không, hãy viết bình luận, chúng ta sẽ cùng nhau tìm ra.
Đúng vậy, để tạo ra một thiết kế trang web đáp ứng, bạn cần phải làm việc chăm chỉ. Nhưng những nỗ lực này sẽ được đền đáp bằng thái độ tích cực đối với trang web của bạn từ các công cụ tìm kiếm và quan trọng nhất là khách truy cập vào trang web của bạn.
Điều gì từ ngày 21 tháng 4 năm thuật toán tìm kiếm yếu tố thân thiện với thiết bị di động sẽ được đưa vào. Sự đổi mới này sẽ ảnh hưởng đến chính kết quả của Google hoặc chỉ vì kết quả tìm kiếm di động, sẽ thấy sau.
Tôi có cần nó không?
Bạn có thể tìm thấy câu trả lời cho câu hỏi này bằng cách kiểm tra cách trang web của bạn xuất hiện trong các dịch vụ thử nghiệm sau của Google:
Nếu bạn thấy thông báo như thế này thì bài viết này là dành cho bạn:
Thiết kế thích ứng
Nó phù hợp trong trường hợp nào?Nếu bạn có trang web danh thiếp, trang web thông tin, blog, trang web một trang, cửa hàng trực tuyến (với cấu trúc, thiết kế đơn giản và/hoặc chủng loại nhỏ), trang web dịch vụ hoặc diễn đàn.
Làm thế nào để thực hiện?
Bạn có thể sử dụng một trong các khung CSS (bootstrap, responsivegridsystem, Sceleton, v.v.) một cách an toàn và điều chỉnh thiết kế hiện có. Hoặc sử dụng Truy vấn phương tiện CSS3.
Ví dụ: nếu bạn sử dụng khung khởi động, thì bạn sẽ cần, tóm lại:
- đăng ký cổng xem;
- kết nối các tập tin khung;
- thêm các lớp lưới bootstrap vào đánh dấu của bạn.
Hoặc, trong biểu định kiểu, chọn một số độ phân giải thông qua truy vấn phương tiện (Truy vấn phương tiện CSS3) và đặt kích thước tối ưu phần tử trang, ví dụ:
@media screen và (độ rộng tối đa: 1280 px) ( div .contentblock (chiều rộng: 1200 px ;) )
@media screen và (độ rộng tối đa: 1140 px) ( div .contentblock (chiều rộng: 1024 px ;) )
@media screen và (độ rộng tối đa: 992 px) ( div . contentblock (chiều rộng: 970 px ;) )
Một số thành phần liên quan đến màn hình có thể và đôi khi sẽ cần được ẩn đi để thiêt bị di động hoặc thay vì chúng, hãy sản xuất những cái khác nhỏ gọn hơn.
thuận phương pháp này: triển khai nhanh chóng cho các loại trang web được liệt kê.
Nhược điểm: tập lệnh và kiểu không được sử dụng trên phiên bản điện thoại, nhưng được sử dụng trên máy tính để bàn, vẫn sẽ được tải và ảnh hưởng đến thời gian tải.
Chúng ta sẽ nhận được gì?
Một trang web có thể truy cập được từ tất cả các thiết bị, thiết kế sẽ có thể nhận dạng được trên tất cả các thiết bị này, chỉ các phần tử sẽ được dịch chuyển theo chiều dọc. Một số thành phần sẽ không hiển thị trên thiết bị di động (và ngược lại) hoặc sẽ hiển thị ở dạng nhỏ gọn hơn.
Và hãy xem một ví dụ. Menu dành cho các thiết bị có màn hình lớn hơn 768px trông như thế này:
Và đối với màn hình nhỏ hơn 768px, nó trông như thế này (đã thu gọn):
Và như vậy, khi click vào biểu tượng ở góc bên phải (ở dạng mở rộng):
Mẫu riêng cho thiết bị di động trên miền chính
Nó phù hợp trong trường hợp nào?Dành cho hầu hết các trang thông tin, blog, diễn đàn, kể cả các cửa hàng trực tuyến. Đối với danh thiếp, một mẫu riêng sẽ không cần thiết.
Làm thế nào để thực hiện?
Cần thiết kiến thức về php và cơ sở dữ liệu về các thiết bị cơ bản để nhận dạng chúng và xuất ra mẫu tương ứng. Những thứ kia. bạn cần viết một đoạn script xác định loại thiết bị và hiển thị mẫu tương ứng cho nó.
Riêng biệt, điều đáng nói là CMS. Nếu trang web của bạn trên WordPress thì bạn đã được chăm sóc và bạn có thể thực hiện bằng cách cài đặt plugin để điều chỉnh trang web cho thiết bị di động.
Trong số đó: WPTouch, WordPress Mobile Pack, WP Mobile Detector, v.v. Tất cả các plugin này đều có một số chủ đề và các tính năng bổ sung lời khuyên hữu ích như thu thập số liệu thống kê về người dùng thiết bị di động.
Ngoài ra, trong cài đặt của các plugin này, bạn có thể đặt khối nào sẽ được hiển thị trong phiên bản di động của trang web và khối nào sẽ không. Có thể thêm biểu trưng của bạn, điều này giúp người dùng truy cập trang web của bạn từ thiết bị di động nhận dạng trang web của bạn.
Ưu điểm: Trong trường hợp plugin, đây là cách triển khai rất nhanh và đơn giản, nhanh hơn bố cục thích ứng. Trường hợp tạo template riêng cho trang web có thể đơn giản hóa việc thiết kế trang web, giảm số lượng yếu tố hoạt động, tức là làm cho trang web trở nên “dễ dàng hơn”.
Nhược điểm: Không phải tất cả CMS đều có các plugin như vậy và chúng không phải lúc nào cũng hoạt động chính xác. Điều xảy ra là một trang web được hiển thị tốt trên thiết bị di động, nhưng đồng thời tốc độ không tốt hơn, hoặc thậm chí tệ hơn so với trang web đó. phiên bản đầy đủ. Điều đáng chú ý là đôi khi có lỗi trong việc xác định thiết bị di động, nếu đó là một số điện thoại hiếm, trong trường hợp đó, phiên bản đầy đủ của trang web sẽ được hiển thị trên thiết bị đó.
Chúng ta sẽ nhận được gì?
Trang web dành cho thiết bị di động sẽ có sẵn tại cùng địa chỉ với trang web chính, chỉ có điều mẫu của nó sẽ khác biệt đáng kể so với mẫu của trang web chính; nó sẽ được đơn giản hóa đáng kể nhưng vẫn có thể nhận biết được.
Hãy xem một ví dụ về một trang web có plugin đã cài đặt, giúp điều chỉnh nó cho phù hợp với thiết bị di động.
Ví dụ: đây là giao diện của trang web trên PC:
Và đây là giao diện của cùng một trang web trên thiết bị di động:
Phiên bản di động của trang web trên tên miền phụ
Nó phù hợp trong trường hợp nào? Dành cho các cửa hàng trực tuyến, danh mục sản phẩm, cổng internet, mạng xã hội.
Làm thế nào để thực hiện?
Tùy chọn này tương tự như tùy chọn trước và cũng khá tốn nhiều công sức khi thực hiện. Nhưng đối với các cửa hàng trực tuyến lớn với chủng loại khổng lồ thì đây là lối thoát duy nhất.
Tìm hiểu thêm một chút về cách triển khai: một tên miền phụ được tạo, nó có cùng công cụ với tên miền chính, nhưng cùng một cơ sở dữ liệu được sử dụng cho cả hai trang web (để nếu có bất kỳ thay đổi nào được thực hiện, chúng không cần phải thêm hai lần). Khi đăng nhập từ thiết bị di động, người dùng sẽ được chuyển hướng đến một tên miền phụ. Các tùy chọn sau thường được sử dụng làm tên miền phụ: m.sitemane.com, mobile.sitename.com, pda.sitename.com, v.v.
Học sang số thích ứng là một quy trình được thiết kế cho hộp số tự động 6 cấp nhằm thực hiện một loạt thử nghiệm nhằm cho phép mô-đun hộp số tự động (TCM) tìm hiểu các đặc tính ly hợp riêng lẻ. Sau khi xác định được các đặc tính của ly hợp, quy trình học thích ứng sẽ chuyển chúng đến các ô dữ liệu thích ứng mà TCM sử dụng để điều khiển ly hợp trong quá trình chuyển số. Công cụ chẩn đoán được sử dụng để bắt đầu quy trình học tập thích ứng. Quy trình này nên được thực hiện sau khi sửa chữa hộp số.
Việc học thích ứng các tham số dịch chuyển hộp số phải được thực hiện sau khi thực hiện một trong các thao tác sửa chữa sau. Việc không tuân theo quy trình này sau một trong những lần sửa chữa sau đây có thể dẫn đến hư hỏng đặc điểm kỹ thuật truyền tải cũng như ghi lại DTC.
Bảo trì kết cấu bên trong/đại tu hộp số
Sửa chữa hoặc thay thế khối van
Thay thế bộ điều chỉnh van điện từ
Cập nhật/Hiệu chỉnh phần mềm mô-đun TCM
Loại nào cũng được BẢO TRÌ, liên quan đến chất lượng chuyển số, hãy thay dầu hộp số.
Điều gì xảy ra trong thực tế?
Cần phải điều chỉnh nếu bạn cảm thấy hộp số bắt đầu hoạt động không phù hợp (chuyển số chậm, giật khi sang số, v.v.) Thường khi đổi người lái, nếu phong cách lái xe rất khác, từ cẩn thận đến rất quyết liệt! Nếu bạn thường xuyên lái xe trong tình trạng ùn tắc giao thông, cứ 30 nghìn là cần có sự thích ứng.
Và hãy nhớ rằng hộp số của bạn rất dễ bị quá nhiệt, hãy theo dõi nhiệt độ và chất lượng dầu, thay thế một phần sau mỗi 30 nghìn + những điều chỉnh sẽ kéo dài tuổi thọ cho hộp số tự động của bạn.
Thiết lập lại thích ứng hộp số tự động
Cách phổ biến nhất để thiết lập lại khả năng thích ứng của hộp số tự động là bước tiếp theo:
1. Bạn cần bắt đầu bằng việc làm nóng động cơ về trạng thái “đang hoạt động”. Hiện chưa cần phải thực hiện bất kỳ hành động nào;
2. Sau đó, bạn cần tắt động cơ trong 5 giây và khởi động lại;
3. Đợi đến khi tốc độ máy đạt 2,5 nghìn - 3 nghìn. trong một phút;
4. Tắt động cơ lại trong 5 giây và khởi động lại động cơ;
5. Trong khi giữ phanh, lần lượt bật từng tốc độ;
6. Kết nối máy kiểm tra của đại lý và thực hiện thiết lập lại;
7. Bắt đầu chuyển động nhịp nhàng;
8. Cẩn thận, nhẹ nhàng tăng tốc lên 40 km/h, sau 1 phút từ từ dừng xe;
9. Tắt động cơ rồi khởi động;
10. Cẩn thận, nhẹ nhàng cho xe chạy với tốc độ 80 km/h, sau 1 phút từ từ dừng xe;
11. Tắt động cơ rồi khởi động;
12. Di chuyển với ở tốc độ khác nhau 20 phút (40 km/h, 80 km/h, lái xe trên đường thẳng với cùng tốc độ)
13. Lau (rửa) hết dầu chảy ra dưới đáy hộp số;
14. Đi xe từ 5 đến 20 km mà không cần nổ máy;
15. Xem dầu có bị rò rỉ từ phốt hộp số và những nơi khác hay không;
16. Nếu cần, hãy nâng mức dầu lên mức nóng thấp hơn;
Nếu bạn nhận thấy hiện tượng giật nhẹ khi thay đổi (hoặc bật) tốc độ trong quá trình thích ứng, đừng lo lắng, điều này là hoàn toàn bình thường. Theo thời gian, cơn co giật sẽ tự biến mất. Nếu điều này không xảy ra, thì bạn nên điều chỉnh hệ thống bằng máy tính (sử dụng máy quét đại lý).
Về vấn đề này, điều đáng ghi nhớ là:
1. Sau quy trình thiết lập lại, hộp số tự động hoạt động gần như ở “chế độ thể thao”, vì vậy lúc đầu bạn nên hết sức cảnh giác;
2. Nếu bạn mua một chiếc ô tô đã qua sử dụng, hãy nhớ cài đặt lại để hộp số tự động thích ứng với phong cách lái xe của bạn;
3. Việc đặt lại này trên đại đa số máy móc có thể sản xuất ít nhất mỗi ngày.
Bạn có thể tự thực hiện các bước trên, nhưng nếu bạn nghi ngờ rằng mình sẽ thiết lập lại hộp số tự động một cách chính xác, hãy liên hệ với các chuyên gia, sử dụng thiết bị chuyên nghiệp, sẽ thực hiện quy trình này một cách hiệu quả và nhanh chóng.
Chi phí điều chỉnh, tại trạm dịch vụ, hộp số tự động, ROBOT của chúng tôi sẽ từ 900 đến 1500 rúp
©2015-2019 trang web
Tất cả các quyền thuộc về tác giả của họ. Trang web này không yêu cầu quyền tác giả, nhưng cung cấp sử dụng miễn phí.
Ngày tạo trang: 2017-06-30
