MEDIA QUERY Tiếng anh là gì - trong Tiếng anh Dịch

• media query
• media queries

Ví dụ về việc sử dụng Media query trong Tiếng việt và bản dịch của chúng sang Tiếng anh

Js để hỗ trợ cho media query.
Js to enable media query support.

Mỗi media query có thể bao gồm một media type và theo sau bởi nhiều biểu thức.
Each media query may include a media type followed by one or more expressions.

Đầu tiên chúng ta sẽ viết một“ media query” ảnh hưởng đến lớp.
We will first write a media query that affects the.

Bạn không thể cập nhật các biến trong preprocessor dựa trên Media Query.
You can't update preprocessor variables based on media queries.

Css đã được chọn, sau đó chọn media query min- width: 900px từ menu drop- down thứ hai.
Css is selected, and then select the min-width: 900px media query from the second drop-down menu(see Figure 24).

Mặt khác, các biến CSS sẽ lưu ý đến nhiệm vụ này trong một Media Query.
On the other hand, CSS variables will respect this assignment inside a media query.

Như bạn có thể thấy, sự chỉ định bên trong Media Query hoàn toàn bị bỏ qua.
As you can see, the assignment inside the media query is completely ignored.

Để đơn giản, bạn sẽ chỉ tạo hai media query, cả hai đều dựa trên chiều rộng tối thiểu của màn hình.
To keep things simple, you will create just two media queries, both based on the minimum width of the screen.

Điều này là do điện thoại di động tự động chia tỷ lệ các trang và bỏ qua các media query mà không có nó.
This is because mobile phones automatically scale pages and ignore media queries without it.

Media query là một tính năng tương đối mới trong CSS, nhưng chúng được hỗ trợ bởi tất cả các trình duyệt hiện đại.
Media queries are a relatively new feature in CSS, but they're supported by all modern browsers.

Chúng ta cũng có thể đạt được kết quả như ví dụ trên trên các màn hình nhỏ, bằng cách gói code trong một media query.
We can also achieve the above example only on small screens by wrapping the code inside a media query.

Bạn sử dụng media query để chỉ thay đổi những giá trị mà bạn muốn ghi đè khi màn hình rộng tối thiểu 700px.
You use the media query to change only those values that you want to override when the screen is at least 700px wide.

Giá trị thực của thanh Visual Media Queries trở nên rõ ràng khi bạn làm việc với nhiều media query.
The real value of the Visual Media Queries bar becomes apparent when you're working with multiple media queries.

Nhấn vào biểu tượng trong công cụ thước kẻ và tạo một media query cho min- width: 900px trong responsive. css.
Click the icon in the ruler, and create a media query for min-width: 900px in responsive. css(see Figure 23 for the settings).

Điều này có nghĩa là khi màn hình có chiều rộng lên tới 1020 điểm ảnh thì tất cả mã CSS bên trong Media Query sẽ được áp dụng.
This means that when the screen is up to 1020 pixels wide, all the CSS code inside this media query should apply.

Css và media query được chọn trong CSS Designer, tạo selector cho main và đặt thuộc tính width của nó thành 60%.
Css and the media query selected in the CSS Designer, create a selector for main, and set its width property to 60%.

Vì vậy, hãy hoàn thành thiết kế bằng cách tạo một media query thứ hai và di chuyển văn bản xung quanh các hình ảnh trong sights.
So, let's complete the design by creating a second media query and flowing text around the images in sights.

Css và media query vẫn được chọn trong CSS Designer, tạo selector cho hero p, đặt các thuộc tính và giá trị sau.
Css and the media query are still selected in the CSS Designer, create a selector for hero p, and set the following properties and values.

Important trên những hình ảnh đó bằng cách sử dụng Media Query để thay thế giá trị pixel, nhưng chúng ta có thể làm điều đó với một lớp.
Important on those images using media queries to override the pixel value, but we could do that with a single class.

Đó là lý do tại sao tất cả những người tuyên bố có kiến thức chuyên sâu về RWD, chúng ta sẽ xem xét một về vấn đề cốt lõi: Media Query.
That is why for all those claiming to have an in-depth knowledge of RWD, we will be taking an extended look at it's backbone: media queries.

Nếu bạn cần xem lại các“ media query”, hãy quay lại“ Responsive Design là gì?” trong hướng dẫn này trước khi tiếp tục.
If you need a refresher on media queries, head back to the What is“Responsive Design”? section of this tutorial before continuing.

Điều này, một lần nữa, là nếu chúng ta làm cho email này có tính đáp ứng, chúng ta chỉ cần sử dụng Media Query để thay đổi chiều rộng của phần tử cha.
This, again, is so that if we make this email responsive, we only have to use media queries to change the width of the parent element.

Ta làm điều đó bằng cách thêm một Media Query khác( 600px) và tập hợp các class mới cho các thiết bị có kích thước lớn hơn 600px( nhưng nhỏ hơn 768px).
We do this by adding one more media query(at 600px), and a set of new classes for devices larger than 600px(but smaller than 768px).

Và trong giai đoạn phát triển web, nó liên quan đến việc sử dụng các media query để kiểm soát thuộc tính CSS nào đang được sử dụng ở các độ rộng cụ thể.
And in the web development stage, it involves using media queries to control which CSS properties are being used at specific widths.

Kiểm tra media query cung cấp các quy tắc định kiểu khác nhau cho trình duyệt, tùy thuộc vào những tiêu chí nhất định, chẳng hạn như chiều rộng tối thiểu hoặc tối đa của chế độ xem.
A media query tests delivers different style rules to the browser depending on certain criteria, such as the minimum or maximum width of the viewport.

Trong phần thứ 7 của loạt bài này, hãy tìm hiểu cách sử dụng các CSS media query để thay đổi bố cục từ hai cột thành một cột khi xem trên trình duyệt điện thoại và máy tính bảng.
In the seventh part of this series, learn how to use CSS media queries to change the layout from two columns to one when viewed on phone and tablet browsers.

Ưu điểm lớn của media query là chúng cho phép bạn phục vụ các bộ CSS khác nhau cho nhiều trình duyệt, tùy thuộc vào một số tính năng nhất định, chẳng hạn như chiều rộng của màn hình, hướng, mật độ pixel, v. v….
The great advantage of media queries is that they let you serve different sets of CSS to browsers depending on certain features, such as the width of the screen, orientation, pixel density, and so on.

Để giúp mọi thứ đơn giản hơn, bạn sẽ chỉ tạo hai media query, một để hiển thị trang dưới dạng bố cục hai cột khi màn hình rộng tối thiểu 700px và một để thêm văn bản xung quanh một số hình ảnh khi màn hình rộng tối thiểu 900px.
To keep things relatively simple, you will create just two media queries, one to display the page as a two-column layout when the screen is at least 700px wide, and another to flow text around some images when the screen is at least 900px wide.