Как избежать применения как «скрытого перерыва», так и «выключателя» на небольших экранах при использовании CSS? ⇐ Html

[Anonymous]

Как избежать применения как «скрытого разрыва», так и «перерывов» на маленьких экранах при использовании css < /strong>? В некоторых случаях это означает, что «выключатель» и «скрытый разрыв», это означает, что оба отображаются на небольших экранах, как на мобильных телефонах! Только «.break» отображается правильно на больших экранах, как на рабочем столе и ноутбуках.

, когда кто -то отвечает. Пожалуйста, перечислите все запросы @Media, которые я должен использовать для всех размеров экрана для «Break», «Tab-Break» и «Hidden Break», а также по умолчанию «Break», «Tab-Break» и «Hidden Break». Я не перечислил строки, которые используют «разрыв» в разделе html < /strong>, только для краткости.

Код: Выделить всё

.break {
display: none;
}
.tab-break {
display: none;
}
@media (min-width: 481px) and (max-width: 767px) {
.tab-break {
display: inline;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.tab-break {
display: inline;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.tab-break {
display: inline;
}
}
@media (min-width: 1281px) {
.tab-break {
display: inline;
}
}
.hidden-break {
display: none;
}
@media (min-width: 481px) and (max-width: 767px) {
.hidden-break {
display: inline;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.hidden-break {
display: inline;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.hidden-break {
display: inline;
}
}
@media (min-width: 1281px) {
.hidden-break {
display: inline;
}
}
< /code>


@media (min-width: 390px) and (max-width: 480px) {
.hidden-break {
display: none !important;
}
}
@media (min-width: 481px) and (max-width: 767px) {
.tab-break {
display: none !important;
}
}
@media screen and (max-width:1170px) {
.break {
display: none !important;
}
}< /code>
[list]
[*]"Woman says spouse wants to sacrifice their 3 year old son, seeks protection". (30 October, 2024) Times of India (https://timesofindia.indiatimes
.com/city/bengaluru/
husband-wants-to-sacrifice-son-woman-approaches-bengaluru-top-cop-seeking-protection/articleshow/
114769296.cms). Accessed on 30 October, 2024.
[*]"Why is Telangana govt giving Rs 3 crore to Tablighi Jamaat, asks BJP leader". (21 December, 2023) The New Indian Express (https://newindianexpress
.com/states/telangana/2023/

Dec/21/why-is-telangana-govt-giving-rs-3-crore-to-tablighi-jamaat-asks-bjp-leader-2643459.html). Accessed on 04 February, 2024.
[*]"Tamil Nadu Wakf Board". Backward Classes, Most Backward Classes and Minorities Welfare, Govt of Tamil Nadu. (https://bcmbcmw.tn.gov.in/
wakfboard.htm#:~:text=2.5

%20Crores
%20every%20
year%20as,the%20Tamil%20

Nadu%20Waqf%20Board.) Accessed on 04 February, 2024.
[*]"The Quran, sura 4, verse 3". Perseus Digital Library (https://www.perseus.tufts.edu
/hopper/text?doc=Perseus%3Atext%
3A2002.02.0006%3Asura%
3D4
%3Averse%3D3) language=Arabic. Accessed on 04 February, 2024.
[*]Al-Qaradawi, Yusuf "Misyar marriage".  (https://web.archive.org/web/
20110104035953/
http://www
.islamonline
.net/servlet/
Satellite?pagename=IslamOnline-English-Ask
_Scholar%2FFatwaE%2F
FatwaE&cid=1119503544160) Accessed on 04 February, 2024.
[/list]

Подробнее здесь: https://stackoverflow.com/questions/796 ... ak-on-smal