我正在创建我的网站。网址是:http://bvanlieshout.com
还远未完成,但我想先完成主页,然后再开始查看其他页面。
所以我尝试的是用 % 制作所有东西。使用:
@media only screen and (max-width: 768px) {
.frontImage{
display:none;
}
}
@media only screen and (max-width: 320px) {
.frontImage{
display:none;
}
}
@media only screen and (min-width: 769px) {
.navigation ul li {
display: inline;
width: 100px;
padding-left: 10px;
}
.nowWhat{
width:800px;
}
}
这很有效,有点,当我检查我的手机并打开页面时,它不会隐藏图像。我猜是因为页面宽度仍然超过 320/768 像素。所以基本上我问的是一些指示,技巧。任何帮助将不胜感激!
谢谢
最佳答案
把这个<meta name="viewport" content="width=device-width, user-scalable=no">
在你的 <head></head>
里面
关于css - 手机和平板电脑网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23889887/