Trang chủ » AutoCAD
AutoCAD bị lỗi không hiển thị khung nhìn trong Layout, bị mất khung nhìn, không thêm được viewport hay số lượng Viewport bị giới hạn… … là một số vướng mắc bạn hay gặp phải trong quá trình set up bản vẽ bằng Layout. Đâu là nguyên nhân và cách khắc phục hiệu quả? Bài viết này sẽ có câu trả lời cho bạn. Nội dung chính: AutoCAD bị lỗi không hiển thị khung nhìn trong LayoutHiện tượng: Bạn thiết lập Viewports trong Layout nhưng có một số Viewport không hiển thị được đối tượng. Tuy nhiên khi in ra, viewport vẫn hiển thị đầy đủ. Ví dụ bạn cần tạo 20 khung nhìn, nhưng trong đó chỉ có 5 khung là có đối tượng. Các khung còn lại không thấy đối tượng hiển thị. Nguyên nhân: Giới hạn khung nhìn viewport do tham số biến hệ thống MAXACTVP. Tham số này dao động từ 0 đến 64. Như trường hợp trên, biến MAXACTVP có giá trị 5 nên bạn chỉ thấy được 5 khung trong tổng số 20. Khắc phục: Gõ lệnh MAXACTVP, nhập 64 hoặc số bạn muốn để chọn tối đa số lượng khung nhìn (maximum 64). Xem thêm: Giảm dung lượng file AutoCAD BonusSau đây là một số vướng mắc nhỏ khi bạn thực hiện lệnh MAXACTVP. AutoCAD không hiển thị tabs Model/LayoutKhi thao tác vô tình bạn ẩn đi tabs Model, Layout trên cửa sổ làm việc của AutoCAD. Hãy thực hiện các bước dưới đây để hiển thị nó lên:
Thiết lập MAXACTVP vẫn bị lỗi không hiển thị khung nhìn trong layoutSau khi bạn giải quyết lỗi AutoCAD bị lỗi không hiện thị viewport trong layout trên bản vẽ hiện hành. Và hiện tượng vẫn gặp phải khi tắt mở lại bản vẽ mới. Hãy thực hiện các bước sau:
Số lượng khung nhìn đã cập nhật nhưng khi in thì không hiển thịLỗi này hoàn toàn không do tham số MAXACTVP gây ra. Mà nguyên nhân nằm ở bản vẽ của bạn. Gặp 1 trong các vấn đề sau:
OK. Vấn đề đã giải quyết xong. Muốn số khung nhìn lớn hơn 64: MAXACTVP > 64Giá trị MAXACTVP tối đa là 64 (AutoDesk thích số này ^-^, thực ra liên quan đến tốc độ render của ứng dụng). Nếu layout của bạn có nhiều hơn 64 viewport thì phải làm sao? Cách 1: Thêm một Layout mới Cách 2: Tạm ẩn những Viewport nào đó. Ở cách ẩn viewport này khá đơn giản: Chọn viewports, bấm chuột phải, Display Viewport Object chọn No. Sau đó maxactvp 64 lại lần nữa. Yên tâm, thao tác này chỉ là tạm ẩn hiển thị để nhường chỗ cho viewport mới bạn muốn tạo và thao tác trên đó. Nó không hề bị xóa, thậm chí vẫn in ấn được như bình thường. Và hiển thị trở lại khi bạn Display Viewport Object chọn Yes (lưu ý đảm bảo chỉ có 64 được hiển thị) Chúc bạn thành công! Và đừng quên sử dụng khung bình luận bên dưới để chia sẻ cách khắc phục lỗi AutoCAD bị lỗi không hiển thị khung nhìn. Xem thêm: Cách copy layout AutoCAD Chào các bạn, thuật ngữ Responsive Web Design có lẽ không còn xa lạ gì với mọi người nữa. Bất kỳ ai làm về web đều đã từng làm hoặc ít nhất là nghe tới thuật ngữ Responsive Web Design này. Tuy nhiên, để hiểu chính xác về nó và cách phân chia các khoảng màn hình hợp lý với các device thì có lẽ còn nhiều bạn chưa hiểu hết. Vì vậy, bài viết hôm nay mình sẽ chia sẻ về khái niệm cũng như cách chia các khoảng màn hình sao cho hợp lý khi làm responsive cho web. 1. Khái niệm về Responsive Web DesignResponsive Web Design (RWD) là thuật ngữ ám chỉ cách thiết kế trang web hiển thị tương thích với mọi kích thước thiết bị và là xu hướng mới theo đó quy trình thiết kế và phát triển web. Tức là bố cục trang web sẽ tự đáp ứng theo hành vi người dùng và môi trường hiển thị. Môi trường này chính là kích thước của trình duyệt, kích thước hoặc hướng xoay thiết bị. Và thiết bị ở đây đa phần là các thiết bị di động như smartphone hoặc tablet. Lấy một ví dụ với trang blog hiện tại thì đây chính là một dạng thiết kế Responsive Web Design. Các bạn có thể thử thay đổi kích thước trình duyệt, xem trên di động, tablet,… mà vẫn đảm bảo giao diện hiển thị tốt. Để làm được điều đó chúng ta sẽ sử dụng linh hoạt kết hợp các kỹ thuật bao gồm flexible grid, responsive image và CSS media query. Khi người dùng chuyển từ máy tính xách tay của họ sang iPad hay iPhone, trang web sẽ tự động chuyển đổi để phù hợp với kích thước màn hình và kịch bản xử lý. Nói cách khác, các trang web cần phải có công nghệ tự động đáp ứng theo thiết bị của người dùng. Điều này sẽ loại bỏ sự cần thiết cho nhiều thiết kế web khác nhau và giảm thiểu thời gian cũng như chi phí thiết kế web. Thuật ngữ này được ra đời bởi Ethan Marcotte – hiện tại là một Web Designer làm việc độc lập. Lần đầu tiên ông viết về nó là trên trang web A List Apart, vào khoảng tháng 5/2010. 2. Độ phân giải màn hìnhCác thiết bị mới đang được phát triển mỗi ngày và mỗi thiết bị này có thể xử lý các biến kích thước, chức năng và ngay cả màu sắc khác nhau. Một số thích dùng màn hình nhỏ, một số dùng màn hình to, có người thích dùng theo chiều dọc và có người thích dùng chiều ngang. Như chúng ta biết từ sự phổ biến của điện thoại thông minh iPhone, iPad và các dòng điện thoại Android khác có thể chuyển đổi từ dọc sang ngang theo ý thích của người dùng. Vậy người thiết kế xử lý tình huống này như thế nào? Vậy thì giải pháp là gì để có thể giải quyết được vấn đề này? Đó chính là linh hoạt tất cả mọi thứ trên web (flexible content) 3. Áp dụng responsive lên giao diện websiteNhư trên đã nói, chúng ta sẽ sử dung flexible content để giải quyết vấn đề responsive cho web. Tuy nhiên, làm cách nào á (How to?) p dụng được lại là 1 vấn đề khác nữa. Điều kiện để 1 website có thể responsive là gì các bạn có biết không? Đầu tiên là bạn phải khai báo thẻ meta viewport rồi sau đó sử dụng Css media queries để định nghĩa các khoảng màn hình cho website. Khi đó, website của bạn mới là 1 website có responsive. 3.1 Meta ViewportĐể khai báo bạn cần đặt thẻ này vào cặp <head> trên trong mã HTML của website.
Vậy, ý nghĩa của thẻ này là gì? Nó có tác dụng gì trong việc áp dụng responsive lên website? meta viewport nghĩa là một thẻ thiết lập cho trình duyệt hiển thị tương ứng với kích thước màn hình. Chẳng hạn như ví dụ trên, có nghĩa là bạn sẽ thiết lập trình duyệt hiển thị cố định và tương ứng trên tất cả các thiết bị dựa vào chiều rộng của thiết bị (device-width) và không cho phép người dùng phóng to (thiết lập initial-scale với giá trị cố định là 1). Đây là thẻ mình khuyến khích bạn sử dụng cho toàn bộ các dự án Responsive. Ngoài ra thẻ meta viewport này còn có các giá trị như:
Tại sao lại phải sử dụng meta viewport? Hãy cứ xem ví dụ của một nội dung có meta viewport và không có meta viewport nhé. Như các bạn đã thấy, nhìn vào ví dụ trên chúng ta có dễ dàng có thể thấy website hiển thị như thế nào khi không có thẻ meta viewport và khi có khai báo nó. Trường hợp không khai báo thẻ meta viewport chúng ta gọi là zoom. Tức là khi bạn view trên các thiết bị cầm tay như mobile, tablet thì site sẽ thu nhỏ lại đúng vừa bằng kích thước của device. Nếu như bạn muốn xem rõ nội dung thì bạn phải zoom lên. Khi đó sẽ xuất hiện scroll ngang rất khó chịu. Nếu bạn chưa tin có thể tự mình kiểm chứng coi sao. 3.2. Css media queriesĐể tạo được 1 website có responsive hoàn chỉnh thì 1 khai báo thẻ meta viewport chưa đủ. Chúng ta còn cần phải css để nội dung website hiển thị phù hợp trên các thiết bị khác nhau. Vậy để khai báo css media queries thì có thể gọi theo các cách như sau:
Ở trên mình đã liệt kê theo 3 cách gọi tùy vào từng trường hợp, từng ngữ cảnh mà bạn sử dụng. Riêng mình thì mình hay dùng cách này:
Đã có cú pháp, vậy chúng ta nên chia các khoảng màn hình như thế nào cho hợp lý nhất. Các bạn có thể tham khảo các khoảng màn hình như sau:
Tuy nhiên, đây chỉ là các khoảng màn hình để chúng ta tham khảo trong trường hợp bạn không sử dụng bất kỳ 1 framework css nào. Còn nếu như bạn đang sử dụng Bootstrap hoặc là UIKit hoặc bất kỳ framework css nào khác thì hãy nên sử dụng media queries của framework css đó. Ở đây mình sẽ giới thiệu thêm 1 chút về media queries của bootstrap. 3.3. Bootstrap media queriesThực tế, khi nhắc tới Bootstrap, chúng ta sẽ nghĩ ngay tới việc hỗ trợ làm responsive 1 cách tốt nhất. Đó là lý do tại sao hay có cụm từ "Thiết kế theo chuẩn bootstrap" là vậy. Trong bài viết Bài 2 - Tìm hiểu về Grid System trong Bootstrap mình cũng đã giới thiệu về media queries của bootstrap. Tuy nhiên đây chỉ là media queries trong bootstrap 3. Nó như thế này:
Và chúng ta nên sử dụng max-width để giới hạn chiều rộng:
Còn đối với Bootstrap 4 thì chia media queries như thế nào?
Rõ ràng, cách chia hoàn toàn khác so với bootstrap 3. Tuy nhiên, dù là bootstrap 3 hay bootstrap 4 thì vấn dễ dàng sử dụng đúng không? 3.4. Một số điều cần biết khi viết responsiveViết css responsive không khó, tuy nhiên các bạn cũng nên chú ý một số điều sau:
4. Lời kếtTrong bài này mình đã nói chi tiết qua khái niệm Responsive và cách triển khai một giao diện Responsive là như thế nào. Bây giờ bạn có thể thực hành bằng cách tạo một tập tin HTML đơn giản, rồi khai báo thẻ meta viewport rồi thử viết CSS để nắm rõ hơn về cách hoạt động của nó nhé. Chúc các bạn thành công! |