Web 如何使用javascript添加或删除移动/桌面上的内容

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

如果用户在台式机/笔记本电脑上,如果没有显示不同的数据,我想显示一些html代码。这是我的密码

    <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元素)。如果答案有助于解决您的问题,您可以通过单击大勾号选择它作为您接受的答案