Web 如何使用javascript添加或删除移动/桌面上的内容
如果用户在台式机/笔记本电脑上,如果没有显示不同的数据,我想显示一些html代码。这是我的密码Web 如何使用javascript添加或删除移动/桌面上的内容,web,Web,如果用户在台式机/笔记本电脑上,如果没有显示不同的数据,我想显示一些html代码。这是我的密码 <script type="text/javascript"> if (screen.width <= 800) { <html> <p>You are on desktop , or a really big screen!</p> </html> } </s
<script type="text/javascript">
if (screen.width <= 800) {
<html>
<p>You are on desktop , or a really big screen!</p>
</html>
}
</script>
如果(screen.width您可以在使用媒体查询后获得所需的效果。
这是一个正在运行的演示-
移动“结果”面板,使您位于桌面上,或显示一个真正的大屏幕!
元素
说明:
将属性-class=“see me”
应用于要应用媒体查询的HTML元素,即
您现在是在桌面上,还是在一个大屏幕上
这里有一块CSS
@媒体屏幕和(最大宽度:800px){
1.再见{
显示:无;
}
}
表示此CSS“规则集”将仅适用于800px的屏幕宽度
然后,“规则集”是说,任何具有see me
类的元素都应该具有display:none;
属性(该属性,顾名思义,不显示该元素)
更新
使用表格进行工作演示(不含类)-你可以使用这个,bootstrap有css类用于此目的,比如visible md,它只显示桌面上的区域。为什么不使用css媒体查询?它会更容易,你能让它工作吗?请,我将使这个网站变得非常简单,然后逐步升级,因为我只是一个青少年:pUnlike论坛网站,我们没有请不要使用“谢谢”或“感谢任何帮助”或签名。请参见。顺便说一句,这是“提前感谢”,而不是“提前感谢”。这很有用,谢谢,但我正在尝试添加一个表,它的意思是(据我所知:P)您不能向其添加类:PIs如果用户在桌面上使用我的代码,我是否有任何方法可以显示html?是否已更新我的答案。媒体查询适用于规则集级别,其中包括CSS可以针对的任何内容(包括表等html元素)。如果答案有助于解决您的问题,您可以通过单击大勾号选择它作为您接受的答案