html - 尝试设置 HTML/CSS 表格以适应移动屏幕 - 不起作用

标签 html css

我有几个表格,我试图使其响应,以便表格及其内容缩小到设备的宽度。以下是到目前为止的代码示例。

<table align="center" border="1" cellpadding="15" cellspacing="1" class="toptable;" style="border:none;width:100%;">
<tbody>
    <tr>
        <td align="right"><meta name="viewport" content="width=device-width, initial-scale=1">
        <style type="text/css">*

有谁能告诉我为什么 @media 查询对我不起作用?

最佳答案

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>

只是改变它的位置。

关于html - 尝试设置 HTML/CSS 表格以适应移动屏幕 - 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54575461/

相关文章:

javascript - 如何使用 HTML 和 CSS 创建 Facebook iOS 主屏幕版本?

javascript - 从 Rails dom_id 方法获取 HTML 类名?

html - 右定位一个已经被左定位的元素

python - python 中的行 n= n 和 int(n) 是什么意思

javascript - Meteor 辅助函数在检索所有用户计数时出现异常

javascript - 使用 HTML 将文件上传到 Node.js

javascript - 存储许多客户端 Javascript 静态变量的最佳实践

html - Hugo 需要主题吗?

javascript - IE7中的jquery cross-fade翻转问题

html - bootstrap 4内部css修改