最近突发奇想，做了个v2ex热帖收藏站。
由于不会css，用table布的局，但是在手机上很不方便，上网查了下，还真有一行代码适配手机的。分享一下：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
更多可参考：
https://developer.mozilla.org/zh-CN/docs/Mobile/Viewport_meta_tag
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 4168 days ago, the information mentioned may be changed or developed.
 |
PastsongJun 8, 2015
1
事实上这个标签是要配合响应式设计的css，如果只是普通的为PC设计的网站加了 maximum-scale=1 用户会恨死你的
|
 |
iscraftJun 8, 2015
2
v2ex没有这一行 为什么也可以做到?
|
 |
justfinduJun 8, 2015
4
哦 只是不缩放而已 要放大看 = = 单独用并没有什么卵用啊
|
 |
Tr0yJun 8, 2015
6
楼上，不一定，服务端可以通过user agent 来判断客户端，提供不同的视图，url变没变不代表服务端不可以提供两套视图。
|
 |
lilydjwgJun 8, 2015
7
我就特别讨厌不让用户放大。这个在微信里边特别明显，因为经常一些文章里是有图片的，但是那么小根本看不清。
|
 |
learnshareJun 8, 2015
8
这行代码只是禁止缩放了，单独存在的时候几乎没有价值，必须配合 media-query 等响应式技术才行。
|
 |
PerryJun 8, 2015
10
HTML5 Boilerplate
|
 |
lincanbinJun 8, 2015
11
WTF
width=device-width：设置宽度为设备宽度 initial-scale=1：初始缩放比例为1 maximum-scale=1：限制最大缩放比例为1 这叫移动适配？不被用户打死就不错了。 |
 |
GG668v26Fd55CP5WJun 8, 2015 via iPhone
12
楼主仍需努力
|
 |
undeflifeJun 8, 2015
13
惊呆了 我还以为楼主有什么黑科技...
|
 |
RiceJun 9, 2015
14
我没点进来就猜到是这句，蛤蛤
|
 |
adjustedJun 9, 2015
15
这一句的意思其实是告诉浏览器“这个页面我已经适配好各个size的屏幕了”，而不是这一句可以让网站适配各个屏幕。
|
 |
xfspaceJun 9, 2015
16
还有一行，优先使用chrome内核的呢
|
 |
loveuqianJun 9, 2015 via iPhone
17
我这个菜鸟也知道这句话的意思
你可以去看看还有其他meta的作用 |
|
cutheadJun 9, 2015
18
pre标签不适用
|
 |
kdplusJun 9, 2015
19
这贴太醒神了wwww
|
 |
yangffJun 9, 2015 via Android
20
就是因为这种傻*太多了，才显得强制使用缩放功能的重要性
|
 |
TinkJun 9, 2015 via iPhone
21
。。。。。
|
 |
iyangyuanJun 9, 2015 via iPhone
22
这个还差太多
|
 |
gongpeioneJun 9, 2015
23
2333333 真有一行代码适配就好了_(:з」∠)_
|
Select Language