【发布时间】：2014-08-28 18:30:24
【问题描述】：
我有网站，我想将样式更改为对移动设备友好（大按钮、大文本字段等）。我怎样才能做到这一点？ html文件：
<link href="jquery-ui/css/south-street/jquery-ui-1.10.4.custom.css" rel="stylesheet" media="screen">
还有css文件：
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1366px) {
.name { margin-left:auto; margin-right:auto; color:#369; font-size:50px; text-align:right; width:600px;}
}
网站在屏幕和平板电脑上看起来完全一样
【问题讨论】：
-
该样式仅适用于大于 768px 的屏幕
-
确保也添加视口元元素。
标签： html css mobile media-queries