- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有这个链接,它在移动设备上被设计为按钮,我面临的问题是它在手机和平板电脑上看起来不同。这是因为设备分辨率还是我应该通过 CSS 修复的问题。这是我当前的 CSS
CSS
border-radius: 4px;
text-align: center;
color: white;
padding: 10px 30px;
border: 0;
position: relative;
text-decoration: none;
margin: 15px 0 0 0;
display: inline-block;
-webkit-appearance: none;
font: normal 16px 'helen_bgbold';
line-height: 30px;
background: #00aeef;
background: -webkit-linear-gradient(left, #00aeef, #58c5c4);
background: linear-gradient(to right, #00aeef, #58c5c4);
最佳答案
您可以使用 css 媒体查询根据设备屏幕分辨率更改 html 控件/元素样式。
HTML :
<button>Button</button>
CSS:
button{
// default resolution style
}
@media screen and (max-width: 300px) {
button {
// style for screen resolution of width 300px or less
}
}
更改浏览器大小并查看当宽度达到 300 像素或更小时您的按钮如何采用之前定义的样式。
关于css - 手机/平板电脑不同的按钮高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27543549/
我的应用程序中有两个 Activity 。第一个 Activity 启动模式是 singleInstance,第二个 Activity 启动模式是 singleTask。我正在使用这些启动模式,因为我
据热心网友投稿,小米小爱触屏音箱Pro 8外观曝光,可以看到触控屏幕尺寸比较大,像是在音箱上“长”了一个平板。 从曝光的信息来看,小米小爱触屏音箱Pro 8具有白色的配色设计,下方有一个长
我有一张 table ,看起来像, VisitorId date deviceType 1 2018-12-11 mobile 2
今天下午,小米官方公布了小爱触屏音箱Pro 8,可以看到触控屏幕尺寸比较大,音箱上“长”了一个平板。据悉,小米小爱触屏音箱Pro 8具有白色的配色设计,下方有一个长条状的扬声器,上方带有一个尺寸比较
有没有办法检测是否使用手持浏览器(iOS/Android 手机/平板电脑)? 我尝试这样做的目的是让手持设备上的浏览器中的元素宽度减半,但这并没有什么不同。 width: 600px; @media
目前,Google Analytics for web 公开了一个设备类别字段,其离散值为mobile、tablet 和desktop。该界面还允许您更深入地了解它的具体设备。我想 Google 有某
我是一名优秀的程序员,十分优秀!