CSS的情況下智能手機和表

親愛的計算器社區，CSS的情況下智能手機和表

建立在過去的響應式設計，這是很容易使用@media與最小寬度和最大寬度定義proportions.Now我們的設計智能手機和平板電腦在大多數最新的基於android的智能手機和平板電腦上具有大屏幕革命，例如1080p（1920 x 1080像素）。 iOS在720p屏幕分辨率上很受歡迎。

事實上，大多數桌面解決方案現在可以與智能手機和平板電腦進行比較，但我找不到一種簡單的方法來區分css中的案例。

如果不使用CMS或過多的預構建模板，您是否知道一個很好的指導方法？

非常感謝！

來源

2013-12-10 Fabian

我只是好奇，爲什麼你想告訴設備呢？ – TreeTree

因爲我想在PC瀏覽器和所有移動設備上使用寬度爲70％的頁面寬度，所有寬度均爲100％。 – Fabian

[標準設備的媒體查詢]（http://css-tricks.com/snippets/css/media-queries-for-standard-devices/）。 – mdesdev

如果您有觸摸設備，此JavaScript代碼會向body元素添加一個類。這對我有很大的幫助，並且很容易在移動設備和桌面設備之間進行分離。

<script type="text/javascript"> 
    //detect if browser supports touch 
    var is_touch_device = 'ontouchstart' in document.documentElement; 
    if(is_touch_device){ 
     $('body').addClass('touchDevice'); 
    }else{ 
     $('body').addClass('notTouch'); 
    }; 
</script>

來源

2013-12-12 08:48:09 Fabian

CSS的情況下智能手機和表

回答

相關問題