小编The*_*ost的帖子

我有一个依赖于浏览器窗口宽度的表单结构:为了简化问题,假设它有三个级别(从最宽的情况开始):

1. 左侧的字段标签,中间的输入字段和右侧的字段说明
2. 左侧的字段标签,中间的输入字段和输入字段下方的字段说明
3. 顶部的字段标签,中间的输入字段和底部的字段描述

这是通过以下方式完成的:

@media (max-width:1000px) { /* code for 1. */ }
@media (max-width:900px) { /* code for 2. */ }
@media (max-width:800px) { /* code for 3. */ }

什么我要求的是要得到相同的功能的所有元素,所以当我把form成div具有1000px宽度,CSS将适用于特定form这是用来风格第一次布局相同的属性(max-width:1000px).当这div将缩小到800px了form应该自动restyle即使当浏览窗口依然宽度为第三布局1000px.

可能吗？

我有网络应用程序遵循响应式网页设计技术.我想为电视提供不同(更大)的字体大小,为屏幕提供不同(更小)的字体,即使两者具有相同的分辨率.为什么？因为当用户使用32英寸显示器作为屏幕时,他可能比使用它作为电视的用户更接近它.

代码:

body {font-size:14px;}

@media (min-width:1900px) {body {font-size:20px;}}

@media tv and (min-width:1900px) {body {font-size:30px;}}

应该做所有的工作(如果我理解媒体查询如何正常工作).但他们没有 - 电视显示字体大小为20px的文本(这是因为Sony Bravia TV中的Opera浏览器不支持tv- 多么讽刺......).

所以我的问题是:还有哪些其他电视检测技术可行？

1. User-Agent,但是当电视进入派对时,它没有标准化的架构.